/* Aurora Liquid Glass — colour and material layer; the existing layout stays intact. */
:root {
  color-scheme: light;
  --bg: #e9edff;
  --panel: #ffffff70;
  --soft: #ffffff65;
  --line: #7063a51c;
  --muted: #656783;
  --text: #272545;
  --lime: #b8ff49;
  --cyan: #008ca8;
  --purple: #7243df;
  --red: #c93a68;
  --glass-edge: #ffffffc9;
  --glass-shadow: 0 12px 35px #6154a20e, inset 0 1px 1px #fffffff5, inset 0 -1px 1px #ffffff70;
}
body {
  min-height: 100vh;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 5% 12%, #94e5ff99, transparent 39%),
    radial-gradient(ellipse at 91% 14%, #d697ff80, transparent 38%),
    radial-gradient(ellipse at 79% 70%, #ffa7cf70, transparent 39%),
    radial-gradient(ellipse at 20% 100%, #9cffe274, transparent 44%),
    linear-gradient(145deg, #edf5ff, #eee8ff 48%, #f9edf7);
  background-attachment: fixed;
}
body:before {
  content: '';
  position: fixed;
  inset: 15vh -10vw -20vh 24vw;
  z-index: -1;
  pointer-events: none;
  background: conic-gradient(from 205deg at 50% 45%, #a6cfff00 12%, #a69bff5e 26%, #f7a3d752 43%, #a9e6ff30 58%, #e8ffee65 76%, #a6cfff00 88%);
  filter: blur(65px);
}
.ambient { opacity: .6; filter: blur(95px); width: 600px; height: 600px; }
.ambient-one { background: #d285ff88; right: -180px; top: -150px; }
.ambient-two { background: #4ce8e77a; left: 2%; bottom: -300px; }
::selection { background: #be9aff90; color: #302350; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline-color: #7951ec; }
small, .muted { color: var(--muted); }
.positive { color: #16805b; }
.negative { color: #c43766; }
input, select { color: var(--text); background: #ffffff80; border-color: #ffffffdf; box-shadow: inset 0 2px 5px #7777ae0d, 0 1px 0 #fff9; }
input::placeholder { color: #797b96; }
input:focus, select:focus { border-color: #9c7df1; background: #ffffffba; }
input[type=range] { accent-color: #8653e8; box-shadow: none; }
button:disabled { opacity: .48; }

/* Thick, luminous edges and tinted shadows give the panes their glass depth. */
.sidebar, .topbar, .glass, .feature, .table-panel, .summary-card, .modal, .wallet-card {
  border-color: var(--glass-edge);
  background: linear-gradient(140deg, #ffffff91, #ffffff40 56%, #ffffff70);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(26px) saturate(1.55);
  backdrop-filter: blur(26px) saturate(1.55);
}
.sidebar { background: linear-gradient(165deg, #ffffff73, #ffffff38 65%, #e8e1ff70); border-right-color: #fff9; box-shadow: 8px 0 38px #6154a20a, inset -1px 0 #fff8; }
.brand strong, .mobile-brand { color: #342952; }
.brand img, .mobile-brand img { filter: saturate(1.4) drop-shadow(0 2px 3px #148e6d45); }
.brand span, .nav-caption, .sidebar-foot { color: #756e93; }
.nav-link { color: #686080; }
.nav-link:hover { color: #5935c3; background: #ffffff55; }
.nav-link.active { color: #6034cb; background: linear-gradient(115deg, #ffffffc2, #decaff85); border-color: #fff; box-shadow: 0 6px 18px #805bd91c, inset 0 1px 0 #fff; }
.nav-link .count { color: #7b639f; background: #aa8bd217; }
.sidebar-note { background: linear-gradient(125deg, #ffffff90, #d6c4ff60); border-color: #fffd; box-shadow: inset 0 1px #fff; }
.sidebar-note b { color: #5b3a94; }
.sidebar-note p, .local-badge { color: #79708d; }
.dot { background: #25b88a; box-shadow: 0 0 12px #20c89b48; }
.topbar { background: linear-gradient(105deg, #ffffff60, #ffffff35); border-bottom-color: #fff9; box-shadow: 0 4px 22px #6052a008; }
.breadcrumb { color: #82769b; }
.breadcrumb b { color: #4c3d6f; }
.pill { color: #6b5d88; background: #ffffff5e; border-color: #fff9; }
.pill.lime { color: #6341a6; background: #e8ddff85; border-color: #ffffffc9; }
.icon-btn, .balance-control { color: #64547e; background: linear-gradient(135deg, #ffffffc2, #ffffff4f); border-color: #ffffffed; box-shadow: 0 5px 15px #7c66ad12, inset 0 1px #fff; }
.balance-control small { color: #8a769e; }
.balance-control b { color: #463062; }
.balance-add { background: linear-gradient(135deg, #ddff9a, #b1f84a); color: #3d5820; box-shadow: inset 0 1px 1px #fff, 0 3px 8px #67a42d23; }
.avatar { color: #1e6261; background: linear-gradient(145deg, #f0ffc2, #9af6dc 65%, #6ce4e6); border: 1px solid #fff; box-shadow: inset 0 2px 2px #fff, 0 5px 15px #48a6a22a; }
.btn { color: #2b4417; background: linear-gradient(135deg, #ddff9c, #b5fc48 72%, #a6f53b); border: 1px solid #efffce; box-shadow: inset 0 2px 1px #ffffffd9, inset 0 -2px 3px #6eb52c1a, 0 5px 16px #6eaf301c; }
.btn:hover { background: linear-gradient(135deg, #eeffc3, #b7ff4e); box-shadow: inset 0 2px 1px #fff, 0 8px 24px #88bd3940; }
.btn.secondary { color: #665082; background: linear-gradient(135deg, #ffffffbf, #ffffff60); border-color: #ffffffed; box-shadow: 0 4px 13px #7b65a813, inset 0 1px #fff; }
.btn.secondary:hover { background: #ffffffd4; }
.btn.purple { color: white; background: linear-gradient(140deg, #b27afa, #7d55ea); border-color: #d7baff; }
.btn.danger { color: #b63669; background: #ffe4ee85; border-color: #ffffffdb; }

.hero {
  border-color: #fffffff0;
  background: radial-gradient(ellipse at 85% 35%, #bb83fb7d, transparent 57%), linear-gradient(115deg, #ffffffe0, #f1dcff75 52%, #c9bdff4f);
  box-shadow: 0 20px 55px #8b66cb20, inset 0 2px 2px #fff, inset 0 -2px 3px #bcb0e51f;
  -webkit-backdrop-filter: blur(30px) saturate(1.6);
  backdrop-filter: blur(30px) saturate(1.6);
}
.hero:before { background-image: linear-gradient(120deg, #fff6, #fff0 45%, #fff5 46%, #fff0 50%), radial-gradient(#ffffffaa 1px, transparent 1px); background-size: 100% 100%, 46px 46px; opacity: .8; }
.hero:after { border-color: #fff8; box-shadow: 0 0 0 70px #ffffff12, 0 0 0 140px #ffffff12; }
.eyebrow { color: #795b9f; }
.hero h1 { color: #3b285a; text-shadow: 0 2px 0 #fff8; }
.hero h1 em { color: #8145de; background: linear-gradient(105deg, #963edc, #6854e9 68%, #427de7); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }
.hero p { color: #7d6b95; }
.quiet-link { color: #8b6caa; }
.hero-spark { color: #8c4fdd; text-shadow: 0 0 20px #fff; }
.hero-orbit { border-color: #ffffffa6; }
.hero-machine { background: linear-gradient(145deg, #f3d8ff, #b486ed 43%, #8c63cd); border: 1px solid #f4d9ff; box-shadow: 11px 16px 0 #9c72c6, 15px 27px 35px #7347b73b, inset 1px 2px 0 #fff; }
.machine-inner { background: linear-gradient(135deg, #8a60afae, #523778); border-color: #f5dcffae; box-shadow: inset 0 1px 2px #fff5; }
.machine-label { color: #fff4ff; }
.machine-bottom { color: #ead8f9; }
.feature-icon { color: #8652d6; background: linear-gradient(135deg, #ffffffb0, #ddc6ff66); border-color: #fff; box-shadow: inset 0 1px #fff; }
.feature b { color: #5b417e; }
.feature small { color: #827491; }
.section-head h2 small { color: #977eaf; }
.segmented, .search { background: #ffffff60; border-color: #ffffffb9; box-shadow: inset 0 1px #fff9; }
.segmented button { color: #91809f; }
.segmented button.active { color: #7340bd; background: linear-gradient(135deg, #fff, #f3e9ffad); box-shadow: 0 3px 10px #7b53ae1b, inset 0 1px #fff; }
.search input { color: #66527f; box-shadow: none; background: transparent; }
.search svg { color: #9b80b5; }

.game-card {
  --tile: #b98bff9e;
  --tile-soft: #f1ddff90;
  background: linear-gradient(130deg, #ffffff9c, #ffffff08 50%, #ffffff55), linear-gradient(145deg, var(--tile-soft), var(--tile));
  border-color: #ffffffea;
  box-shadow: 0 12px 24px #7151a413, inset 0 2px 2px #ffffffcf, inset 0 -2px 3px #ffffff39;
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  backdrop-filter: blur(20px) saturate(1.5);
}
.game-card.purple { --tile: #ad70fbb0; --tile-soft: #e7ceff9e; background: linear-gradient(130deg, #ffffff99, #ffffff08 50%, #ffffff50), linear-gradient(145deg, var(--tile-soft), var(--tile)); }
.game-card.rose { --tile: #f77caa9c; --tile-soft: #ffe0eb99; background: linear-gradient(130deg, #ffffff99, #ffffff08 50%, #ffffff50), linear-gradient(145deg, var(--tile-soft), var(--tile)); }
.game-card.blue { --tile: #73acffb0; --tile-soft: #dce8ff9e; background: linear-gradient(130deg, #ffffff99, #ffffff08 50%, #ffffff50), linear-gradient(145deg, var(--tile-soft), var(--tile)); }
.game-card.cyan { --tile: #36cae39e; --tile-soft: #c1f4ff99; background: linear-gradient(130deg, #ffffff99, #ffffff08 50%, #ffffff50), linear-gradient(145deg, var(--tile-soft), var(--tile)); }
.game-card.green { --tile: #4bd5a4b0; --tile-soft: #d7ffdc90; background: linear-gradient(130deg, #ffffff99, #ffffff08 50%, #ffffff50), linear-gradient(145deg, var(--tile-soft), var(--tile)); }
.game-card.orange { --tile: #ffb35dba; --tile-soft: #fff0c399; background: linear-gradient(130deg, #ffffff99, #ffffff08 50%, #ffffff50), linear-gradient(145deg, var(--tile-soft), var(--tile)); }
.game-card:before { background: radial-gradient(ellipse at 58% 5%, #ffffff82, transparent 65%); }
.game-card:after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(125deg, #fff0 28%, #ffffff38 37%, #fff0 41%); z-index: 2; transition: transform .4s; }
.game-card:hover { border-color: #fff; box-shadow: 0 18px 35px #9a77d731, inset 0 2px 2px #fff; }
.game-card:hover:after { transform: translateX(15%); }
.card-tag { color: #5c4381; background: #ffffff55; border-color: #ffffffba; box-shadow: inset 0 1px #fff8; }
.favorite { color: #75529b; background: #ffffff55; border-color: #ffffffa8; box-shadow: inset 0 1px #fffd; }
.card-title h3 { color: #413053; text-shadow: 0 1px #ffffff66; }
.card-title p { color: #5b4a70; }
.card-play { color: #68438d; background: linear-gradient(135deg, #ffffffc7, #ffffff44); border-color: #ffffffd1; box-shadow: inset 0 1px #fff, 0 4px 10px #72579514; }
.game-card:hover .card-play { color: #395323; background: #d1ff8d; }
.art-caption { color: #fff; text-shadow: 0 1px 4px #71439255; }
.art-dice { background: linear-gradient(140deg, #d5fff8, #55d5e4 60%, #259cc4); box-shadow: 11px 12px 0 #378eb0, 19px 25px 30px #198db544, inset 2px 2px 1px #fff; }
.art-gem { filter: saturate(1.2) drop-shadow(0 8px 12px #219f7b26); }
.card-spark { color: #fff; }

/* Match every working screen to the same material, including gameplay and forms. */
th { color: #8c739f; background: #ffffff28; }
td { color: #5d4d73; }
td, th { border-bottom-color: #8870ac12; }
tbody tr:hover { background: #ffffff25; }
.game-dot { background: #ad80df; box-shadow: 0 0 10px #bd8ee34d; }
.empty, .loading { color: #9985ad; }
.footer { color: #9c88ac; border-color: #fff9; }
.page-title p, .back-link { color: #8b739e; }
.game-workspace { background: #ffffff55; border-color: #ffffffd9; box-shadow: var(--glass-shadow); }
.bet-panel { background: linear-gradient(150deg, #ffffffa6, #e8e0ff6b); border-color: #fff9; -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); }
.bet-panel label, .form-label, .bet-info, .bet-input span { color: #8c739e; }
.bet-info b { color: #635078; }
.bet-shortcuts button { color: #8e729f; background: #ffffff6b; border-color: #ffffffab; }
.wallet-mode { background: #b8a4da22; border: 1px solid #ffffff80; box-shadow: inset 0 1px 3px #7d62ac0c; }
.wallet-mode button { color: #9d82b1; }
.wallet-mode button.active { color: #7540b7; background: linear-gradient(135deg, #ffffffed, #f1e4ffb0); box-shadow: 0 2px 8px #805baf1a, inset 0 1px #fff; }
.bet-foot { color: #a087b0; }
.stage-area { background: radial-gradient(ellipse at 70% 18%, #d0b1fb65, transparent 60%), linear-gradient(140deg, #ffffff80, #e2e9ff65 55%, #ffe1f24d); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.stage-top { color: #aa8ab9; }
.game-toolbar { background: #ffffff60; border-color: #ffffffad; }
.game-toolbar button { color: #9e7cab; }
.result-bar { color: #8c729e; background: #ffffff65; border-color: #ffffffb0; }
.result-bar.waiting { color: #9a7dab; }
.result-bar.win { color: #218a65; background: linear-gradient(90deg, #dcffeb77, #bcf8dcb0, #dcffeb77); }
.result-bar.loss { color: #b34e7e; background: #ffe2ef85; }
.glass p { color: #8f789d; }
.glass .eyebrow { color: #b294c2; }
.stats-inline small { color: #a68bb6; }
.dice-result { color: #38a8c3; text-shadow: 0 2px #fff, 0 8px 28px #4dafda29; }
.dice-result.win { color: #23a976; }
.dice-result.loss { color: #ca659b; }
.dice-result small, .dice-ticks, .dice-metrics small { color: #a48cb9; }
.dice-track { background: #efc6df; box-shadow: 0 0 0 6px #ffffff50; }
.dice-track-fill { background: linear-gradient(90deg, #67e3ca, #c4ff78); }
.dice-pointer { background: #8f64d9; box-shadow: 0 1px 4px #76609340; border: 1px solid #fff; }
.dice-metrics>div { background: #ffffff59; border-color: #ffffffc4; }
.chance-caption b { color: #8b55cf; }
.slot-machine { border-color: #ffffffed; background: linear-gradient(135deg, #ffffffb8, #d3c4ff80); box-shadow: 0 16px 40px #9571c926, inset 0 2px 1px #fff; }
.slot-marquee { color: #a47bc0; }
.slot-reels { background: #afa1d02e; border-color: #fff9; box-shadow: inset 0 3px 12px #7f5c9b14; }
.slot-reel { background: linear-gradient(#ffffffa9, #f5eaff8c, #ffffffa9); box-shadow: inset 0 1px #fff; }
.slot-cell svg { filter: drop-shadow(0 3px 5px #9366b92c); }
.slot-cell.winning { background: #d8ff8b55; border-color: #d5ff85; }
.slot-foot { color: #b092c0; }
.mine-cell { color: #a295bc; background: linear-gradient(145deg, #ffffffe8, #ddd8fb85); border: 1px solid #ffffffd9; border-bottom-color: #cbbbea; box-shadow: inset 0 2px 1px #fff, 0 4px 9px #8a6da51a; }
.mine-cell:hover:not(:disabled) { background: linear-gradient(145deg, #fff, #d5f3ffba); box-shadow: inset 0 2px #fff, 0 8px 15px #91aada30; }
.mine-cell.revealed { color: #239b72; background: linear-gradient(145deg, #dfffeabf, #9fe5d380); border-color: #f1fff6; }
.mine-cell.hit { color: #c4497a; background: linear-gradient(145deg, #ffe6f2, #ffbcd380); border-color: #fff1f6; }
.mine-next { color: #398f7b; }
.roulette-outcome, .hand-label { color: #a180b3; }
.number-grid button { color: #615377; background: linear-gradient(140deg, #ffffffaa, #d6d1ef80); border-color: #ffffffa8; }
.number-grid button.red { color: #b35078; background: linear-gradient(140deg, #ffeaf1, #f7bbd390); }
.number-grid button.zero { color: #28866b; background: linear-gradient(140deg, #ddffec, #9ee9ce90); }
.outside-bets button { color: #8f6ea3; background: #ffffff70; border-color: #ffffffb0; }
.number-grid button.selected, .outside-bets button.selected { color: #7c42b3; border-color: #aa75e5; box-shadow: 0 0 0 1px #d2aff578; }
.blackjack-table { background: radial-gradient(ellipse, #b5d0ff55, transparent 70%); }
.blackjack-table:before { border-color: #aa9fe033; }
.hand-score { color: #8d6baa; background: #ffffff6b; border-color: #ffffffc4; }
.blackjack-words { color: #a992c2; }
.wallet-card { background: radial-gradient(ellipse at 95% 5%, #d9adff70, transparent 70%), linear-gradient(140deg, #ffffffbd, #f0dfff65); }
.wallet-card.sandbox { background: radial-gradient(ellipse at 95% 5%, #7ae4db70, transparent 70%), linear-gradient(140deg, #ffffffba, #c8f6e957); }
.wallet-card:after { color: #ffffff55; text-shadow: 0 -1px #fff7; }
.wallet-card>small { color: #9c7aac; }
.wallet-card h2 { color: #694783; }
.wallet-card.sandbox h2 { color: #317b79; }
.wallet-card h2 span { color: #ae8cbe; }
.wallet-note { color: #a17caf; background: #ffffff65; border-color: #ffffffd0; }
.tabs-line button { color: #a384b3; }
.tabs-line button.active { color: #8a4bc8; border-color: #a96de8; }
.summary-card small, .summary-card span { color: #a58bb5; }
.toggle { background: #c6b4dd80; border-color: #ffffffbf; }
.toggle:before { background: #fff; box-shadow: 0 1px 3px #69498a30; }
.toggle.on { background: linear-gradient(120deg, #95e5c5, #72d7c3); }
.toggle.on:before { background: #fff; }
.provider-card { background: #ffffff5c; border-color: #ffffffbd; }
.code-value { color: #9b7bac; background: #ffffff77; border-color: #ffffffd6; }
.verify-card label { color: #a786b6; }
.verify-result>span { color: #25987b; }
.status { color: #9a78ac; background: #e8d5f65e; }
.status.paid, .status.settled { color: #23866c; background: #b5f3d46b; }
.status.pending, .status.active, .status.creating { color: #aa7a34; background: #fff0bf88; }
.status.failed { color: #b55482; background: #ffd1e580; }
.modal-backdrop { background: #9371b52b; -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); }
.modal { background: linear-gradient(145deg, #fffffff0, #eee0ffc9); border-color: #fff; box-shadow: 0 30px 100px #7b4eb530, inset 0 2px #fff; }
.modal-close { color: #9a75ad; background: #ffffff8c; border: 1px solid #fff; }
.modal p, .modal label, .modal-switch, .modal-divider { color: #a181b4; }
.modal-switch button, .paytable b { color: #9a52d1; }
.modal-divider:before, .modal-divider:after { background: #b99ace30; }
.chip-row button, .paytable>div { color: #9a79b2; background: #ffffff87; border-color: #ffffffd0; }
.form-error { color: #bf5683; background: #ffe4ee88; border-color: #fff; }
.toast { color: #8f6aa6; background: #ffffffe0; border-color: #fff; box-shadow: 0 10px 35px #8e65b42e; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.toast.error { color: #be4e80; border-color: #ffd3e6; }
.toast.success { color: #2d977c; border-color: #d0ffed; }
.checkout-icon { color: #3ab5ae; background: linear-gradient(135deg, #effff9cf, #bbf0e580); border-color: #fff; box-shadow: inset 0 2px #fff; }
.mobile-nav { background: linear-gradient(145deg, #ffffffb3, #eee5ffb3); border-color: #fffffff0; box-shadow: 0 -6px 30px #7955a512, inset 0 1px #fff; }
.mobile-nav a { color: #a386b5; }
.mobile-nav a.active { color: #8950c7; }
.boot { color: #a581bd; }
.boot-mark { color: #8b51bd; background: #ffffff70; border-color: #fff; }
/* Small text stays legible even where two translucent surfaces overlap. */
.hero p, .feature small, .sidebar-note p, .local-badge, .brand span,
.nav-caption, .sidebar-foot, .breadcrumb, .quiet-link, .segmented button,
.balance-control small, .search svg, .page-title p, .back-link,
.bet-panel label, .form-label, .bet-info, .bet-input span, .bet-foot,
.stage-top, .game-toolbar button, .result-bar.waiting, .glass p,
.glass .eyebrow, .stats-inline small, .dice-result small, .dice-ticks,
.dice-metrics small, .slot-marquee, .slot-foot, .roulette-outcome,
.hand-label, .hand-score, .wallet-card>small, .wallet-card h2 span,
.wallet-note, .tabs-line button, .summary-card small, .summary-card span,
.code-value, .verify-card label, .modal p, .modal label, .modal-switch,
.modal-divider, .chip-row button, .paytable>div, .mobile-nav a,
.footer, .empty, .loading { color: #776080; }
.wallet-mode button, .bet-shortcuts button { color: #795e8a; }
.bet-info b.positive { color: #167652; }
.status.pending, .status.active, .status.creating { color: #865d23; }
.table-rules, .blackjack-words { color: #887195; }
@supports not (backdrop-filter: blur(1px)) {
  .sidebar, .topbar, .glass, .feature, .table-panel, .summary-card, .modal { background-color: #f2edff; }
}