:root {
  --bg: #000; --panel: #0b0b0c; --line: #ffffff12;
  --muted: #909094; --text: #f4f4f6;
}
.instant-settings{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;min-width:0}.instant-settings .field{min-width:120px}.instant-settings input{background:#141416;border:1px solid #ffffff24;border-radius:9px;color:#fff;padding:12px;width:105px;font-size:14px;min-height:44px}.instant-settings select{max-width:200px}.instant-hint{color:#a5a6ad;font-size:12px;align-self:center}.keno-picker{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;padding:16px;border-top:1px solid #ffffff12;background:#0b1014}.keno-picker button{border:1px solid #ffffff19;background:#172129;border-radius:7px;color:#bdc8cc;padding:9px 3px;min-height:37px;font:inherit;cursor:pointer}.keno-picker button.selected{background:#35616a;color:#fff;border-color:#98c7d0}.keno-picker button:hover:not(:disabled){background:#284852}.keno-picker button:disabled{cursor:wait;opacity:.65}.instant-settings .field>label,.instant-settings label.field{color:#b2b2bd;font-size:10px;letter-spacing:.06em;gap:8px;display:flex;flex-direction:column}.instant-settings [hidden]{display:none!important}
@media(max-width:650px){.keno-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:12px}.instant-settings{width:100%;gap:10px}.instant-settings .field{flex:1;min-width:100px}.instant-settings select{max-width:100%;width:100%}.game-console:has(.instant-settings){flex-wrap:wrap}.game-console:has(.instant-settings)>#play{width:100%}}
html, body, #app, .workspace { background: #000; }
body { letter-spacing: -.018em; }
.sidebar { background: #050506; border-color: #ffffff0c; padding-top: 27px; }
.brand { padding-bottom: 32px; }
.brand-symbol { background: #111112; color: var(--accent); border: 1px solid #ffffff16; border-radius: 13px; }
.brand small, .nav-caption, .nav-category { color: #737378; }
.nav-caption { letter-spacing: .18em; font-size: 9px; }
.nav-home, .nav-item { color: #a2a2a8; border: 1px solid transparent; border-radius: 9px; }
.nav-item:hover, .nav-home:hover { background: #ffffff05; color: #fff; }
.nav-item.active, .nav-home.active { background: #111113; border-color: #ffffff0c; color: #fff; box-shadow: inset 2px 0 var(--accent); }
.nav-item.active .icon { color: var(--accent); }
.sidebar-footer, .player { border-color: #ffffff0d; color: #808086; }
.player-avatar { background: #151517; border-color: #ffffff16; color: var(--accent); }
.topbar { background: #050505; border-color: #ffffff0d; min-height: 76px; }
.breadcrumb { color: #c0c0c7; }
.wallet { background: #111112; border: 1px solid #ffffff13; border-radius: 12px; padding: 8px 14px; }
.wallet small { color: #85858c; letter-spacing: .13em; }
.wallet strong { font-variant-numeric: tabular-nums; color: #fff; font-size: 17px; }
.wallet-unit { color: #bcbcc2; }
.icon-button { background: #101011; color: #a9a9b0; border: 1px solid #ffffff13; border-radius: 10px; }
.icon-button:hover { background: #1a1a1d; color: #fff; border-color: #ffffff28; }
main#content { max-width: 1720px; width: 100%; margin-inline: auto; padding: 28px 30px; }
.hero { background: #09090a; border-color: #ffffff15; border-radius: 18px; min-height: 264px; padding: 35px 38px; }
.hero:after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 1px #ffffff0c; }
.hero h1 { font-size: clamp(35px, 3.7vw, 57px); letter-spacing: -.06em; line-height: 1.06; }
.hero h1 span { color: #e1e1e6; }
.hero p { color: #95959e; font-size: 13px; line-height: 1.8; }
.hero-art { filter: grayscale(1); opacity: .92; }
.eyebrow { color: #898992; letter-spacing: .15em; font-size: 9px; }
.hero .eyebrow { color: var(--accent); }
.pill { color: #a5a5ad; background: #ffffff04; border: 1px solid #ffffff0c; }
.section-title { margin: 27px 0 17px; }
.section-title h2 { color: #f1f1f4; font-size: 18px; letter-spacing: -.035em; }
.section-title p, .section-title>span { color: #82828b; }
.game-card { background: #0c0c0e; border-color: #ffffff16; border-radius: 14px; box-shadow: 0 12px 35px #0005; }
.game-card:hover { border-color: #ffffff3b; transform: translateY(-3px); }
.card-scene { border-bottom: 1px solid #ffffff0d; }
.card-tag { background: #08080bd9; color: #f5f5f9; border: 1px solid #ffffff23; backdrop-filter: blur(12px); font-size: 8px; letter-spacing: .12em; }
.card-detail { padding: 16px 18px; }
.card-detail h3 { font-size: 16px; }
.card-detail p { color: #898993; }
.card-enter { color: #dddde4; background: #ffffff08; border: 1px solid #ffffff0f; }
.game-tile { background: #0b0b0d; border-color: #ffffff10; border-radius: 11px; }
.game-tile:hover { background: #131316; border-color: #ffffff26; }
.game-tile strong { color: #eeeef2; }
.game-tile small { color: #85858e; }
.tile-icon { background: #ffffff05; border: 1px solid #ffffff0b; }
.lobby-note, .detail-panel { background: #080809; border-color: #ffffff12; color: #96969f; }
.lobby-note strong, .detail-panel h3 { color: #dedee5; }
.lobby-note>.icon, .detail-panel .icon { color: var(--accent); }
.game-heading { margin-bottom: 19px; align-items: center; gap: 12px; }
.game-heading h1 { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.2; letter-spacing: -.045em; }
.game-heading p { color: #92929b; margin-top: 6px; }
.game-toolbar { align-items: center; }
.game-toolbar .button { min-height: 36px; border-radius: 9px; }
.game-box { background: #09090b; border: 1px solid #ffffff20; border-radius: 15px; box-shadow: 0 20px 80px #0009, inset 0 1px #ffffff0a; overflow: hidden; }
.game-stage { background: #000; aspect-ratio: 1100/620; }
.game-stage canvas { image-rendering: auto; touch-action: manipulation; }
.stage-message { color: #fff; background: #070709ed; backdrop-filter: blur(12px); border: 1px solid #ffffff1c; box-shadow: 0 10px 35px #0008; border-radius: 12px; }
.game-console { background: #0a0a0c; border-top: 1px solid #ffffff16; padding: 17px 20px; gap: 12px; align-items: flex-end; }
.field label { color: #9999a3; font-size: 9px; letter-spacing: .1em; margin-bottom: 8px; }
.bet-input { background: #141417; border-color: #ffffff20; border-radius: 9px; height: 44px; }
.bet-input input { font-size: 15px; width: 108px; font-variant-numeric: tabular-nums; font-weight: 700; }
.bet-input button { color: #c2c2ca; width: 31px; }
.field select { background: #141417; border-color: #ffffff20; border-radius: 9px; min-height: 44px; color: #dedee6; }
.button { min-height: 43px; border-radius: 9px; font-weight: 600; letter-spacing: -.015em; box-shadow: inset 0 1px #ffffff0c; }
.button.primary { background: #efeff3; border: 1px solid #fff; color: #101014; box-shadow: inset 0 1px #fff, 0 3px 15px #0005; }
.button.primary:hover { background: #fff; box-shadow: 0 3px 23px #ffffff13; }
.button.secondary { background: linear-gradient(#242428, #18181c); border: 1px solid #ffffff22; color: #ededf3; }
.button.secondary:hover { background: #303036; border-color: #ffffff3b; }
.button.ghost { background: #121215; border: 1px solid #ffffff16; color: #b8b8c2; }
.button.danger { background: #30191c; color: #f7a1ac; border: 1px solid #ba41552e; }
.button.cashout { background: #c4f2bf; border: 1px solid #d4ffd0; color: #153017; }
.button:disabled { opacity: .38; box-shadow: none; }
.game-box[data-game=sweet] #play { background: linear-gradient(#f35ebd, #c12f8a); border-color: #ffb4e1; color: #fff; }
.game-box[data-game=olympus] #play { background: linear-gradient(#f8df93, #c0923c); border-color: #ffe9b0; color: #34240a; }
.game-box[data-game=aviator] #play { background: linear-gradient(#d74458, #aa2338); border-color: #f38291; color: #fff; }
.result-strip { background: #070708; border-top: 1px solid #ffffff12; padding: 14px 20px; gap: 24px; }
.result-strip small { color: #73737f; font-size: 8px; letter-spacing: .11em; }
.result-strip strong { color: #dfdfe8; font-size: 12px; font-variant-numeric: tabular-nums; }
.result-strip strong.positive { color: #e5d396; }
.result-strip p, .bet-hint { color: #777782; }
.game-details { margin-top: 19px; }
.detail-panel { border-radius: 12px; padding: 18px 20px; }
.detail-panel p { color: #8f8f99; }
.key-hints span { background: #ffffff03; border-color: #ffffff10; color: #92929c; }
.page-footer { color: #62626d; padding-top: 10px; }
.page-footer .footer-star { color: #b8b8c2; }
.table-stage { background: radial-gradient(ellipse at 50% 30%, #18181d, #080809 72%); }
.choice-button { background: #151519; border-color: #ffffff17; color: #acacb6; }
.choice-button.selected { background: #26262d; border-color: #ffffff55; color: #fff; }
.resume-banner, .lobby-note { background: #0b0b0d; border-color: #ffffff16; }
.boot { background: #000; }
.boot-mark { background: #121214; color: #eeeef5; border-color: #ffffff25; }
dialog { background: #0d0d10; border-color: #ffffff24; color: #eeeef4; }
.rules-body { color: #b0b0bb; }
.toast { background: #17171c; border-color: #ffffff23; color: #eeeef7; }
body.focus-mode .sidebar { transform: translateX(-100%); }
body.focus-mode .workspace { margin-left: 0; }
body.focus-mode .topbar { min-height: 59px; }
body.focus-mode main#content { max-width: 1720px; padding: 18px 24px; }
body.focus-mode .game-heading { margin-bottom: 13px; }
body.focus-mode .game-heading h1 { font-size: 23px; }
body.focus-mode .game-heading p, body.focus-mode .game-heading .eyebrow, body.focus-mode .game-details, body.focus-mode .page-footer { display: none; }
body.focus-mode .game-console { padding-block: 12px; }
@media (max-width:1100px) {
  main#content { padding: 23px 20px; }
  .game-console { gap: 9px; padding: 14px; }
  .game-console .console-spacer { display: none; }
  .game-console .button { padding-inline: 13px; }
}
@media (max-width:760px) {
  .topbar { min-height: 65px; }
  .sidebar { padding-top: 22px; }
  main#content { padding: 20px 13px; }
  .wallet { padding: 6px 9px; border-radius: 9px; }
  .wallet strong { font-size: 14px; }
  .hero { padding: 25px 22px; min-height: 234px; }
  .hero h1 { font-size: 39px; }
  .hero-art { opacity: .5; }
  .hero .pill { display: none; }
  .game-heading { align-items: flex-start; flex-wrap: wrap; }
  .game-heading h1 { font-size: 25px; }
  .game-toolbar { width: 100%; justify-content: flex-end; }
  .game-toolbar .button { font-size: 10px; padding: 7px 11px; min-height: 33px; }
  .game-box { border-radius: 11px; }
  .game-console { padding: 12px; gap: 9px; flex-wrap: wrap; }
  .game-console .field { flex: 1; min-width: 115px; }
  .bet-input input { width: 100%; min-width: 0; }
  .game-console #play { flex: 1; min-width: 110px; }
  .game-console .button { font-size: 11px; }
  .result-strip { padding: 12px; gap: 15px; }
  .result-strip p { flex-basis: 100%; }
  .game-details { gap: 12px; }
  .detail-panel { padding: 15px; }
  body.focus-mode main#content { padding: 12px 8px; }
  body.focus-mode .topbar { padding-inline: 12px; }
  .table-stage { min-height: 285px; }
}
@media (prefers-reduced-motion:reduce) {
  *, *:before, *:after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Interface artwork stays white; the game symbols keep their original colors. */
.icon, .nav-item.active .icon, .tile-icon .icon, .card-enter .icon { color: #fff !important; }
.coin-icon, .tiny-star, .footer-star, .brand-symbol, .boot-mark span, .nav-arrow { color: #fff; }
.wallet .coin-icon{background:linear-gradient(#34343b,#151518);border-color:#ffffff70;box-shadow:inset 0 0 0 2px #ffffff15;color:#fff;}
.nav-home.active,.nav-item.active { box-shadow: inset 2px 0 #fff; }
.button.primary:not(#play), .game-box[data-game=olympus] #play { background: linear-gradient(#383439,#252227);border-color:#ffffff35;color:#fff; }
.brand { display:block;position:relative;padding:0;margin:0 0 24px;border-radius:13px;min-height:91px;overflow:hidden;border:1px solid #ffffff12;background:#0b0b0e; }
.brand-caption { display:flex;align-items:center;gap:10px;position:relative;z-index:1;padding:20px 12px;min-width:0; }
.brand-caption>div:last-child{min-width:0;}.brand strong{display:block;max-width:155px;font-size:13px;letter-spacing:.15em;}
.brand small{font-size:8px;letter-spacing:.14em;color:#b7b7c2;}
.brand-symbol{width:36px;height:36px;flex-shrink:0;overflow:hidden;display:grid;place-items:center;font-size:21px;letter-spacing:0;}
.brand-symbol img,.player-avatar img{width:100%;height:100%;object-fit:cover;display:block;}.player-avatar{overflow:hidden;color:#fff;flex-shrink:0;}
.guild-banner{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;}
.brand.has-banner{aspect-ratio:16/9;min-height:110px;}.brand.has-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,#0000 80%);}
.brand.has-banner .brand-caption{height:100%;align-items:flex-end;padding:12px;}.brand.has-banner small{color:#eee;}.brand.has-banner strong{text-shadow:0 2px 5px #000;letter-spacing:.08em;}
.avatar-fallback{display:grid;place-items:center;background:#24232b;color:#fff;text-transform:uppercase;}.player-avatar .avatar-fallback{width:100%;height:100%;}
.topbar-right #sound-toggle {display:grid;flex-shrink:0;}.topbar-right{min-width:0;}
#sound-toggle[aria-pressed=false]{background:#09090b;border-color:#ffffff0e;opacity:.65;}
.game-heading h1{letter-spacing:-.04em;}.game-heading .eyebrow{color:#a8a8b4;}
.game-box[data-game=sweet]{border-color:#be4e9f55;box-shadow:0 15px 65px #c3378010;}
.game-box[data-game=olympus]{border-color:#af8c4255;box-shadow:0 15px 65px #9173420c;}
.game-box[data-game=penalty]{border-color:#86b79430;}.game-box[data-game=slots]{border-color:#d0ab6f40;}
.game-box[data-game=penalty] .game-stage,.game-box[data-game=slots] .game-stage,.game-box[data-game=coinflip] .game-stage,.game-box[data-game=rps] .game-stage{aspect-ratio:1100/620;}
.table-stage:has(.blackjack-table){background:radial-gradient(ellipse at 50% 40%,#144e3d,#09271f 65%,#04130f);box-shadow:inset 0 0 80px #0008;}
.blackjack-table{border:1px solid #c7ad6650;border-radius:50%/26%;padding:15px;box-shadow:inset 0 0 0 5px #0003,inset 0 0 0 7px #d8bc661c;}
.playing-card{width:72px;height:101px;box-shadow:0 8px 15px #0006;animation:deal-card .35s ease-out;}.playing-card.back{background:repeating-linear-gradient(45deg,#142f48,#142f48 3px,#234a67 3px,#234a67 6px);}
.bj-mark{color:#c5b77978;font-family:Georgia,serif;letter-spacing:.12em;}.hand-caption{color:#d1e0d4;}
.mine-cell{background:linear-gradient(145deg,#2b303b,#151923);border:1px solid #69788c26;box-shadow:inset 0 1px #ffffff0d,0 3px 0 #0b1017;}.mine-cell.opened{background:radial-gradient(#275948,#122c26);border-color:#82d6ac40;}.mine-cell.opened .icon{filter:drop-shadow(0 0 7px #a3ffd477);}.mine-cell.hit{background:#582b33;}
.tower-cell{background:linear-gradient(#363745,#20212c);box-shadow:0 2px 0 #0a0a10;}.tower-floor.current .tower-cell{border-color:#d7c08488;color:#fff;}.tower-cell.passed{background:linear-gradient(#566f52,#263c2d);}
@keyframes deal-card{from{opacity:0;transform:translateY(-24px) rotate(-7deg)}to{opacity:1;transform:none}}

/* Compact Aviator: history, real participants and controls stay in one frame. */
body[data-game=aviator] .game-details,body[data-game=aviator] .page-footer{display:none;}
body[data-game=aviator] main#content{padding-top:18px;padding-bottom:15px;}
body[data-game=aviator] .game-heading{margin-bottom:13px;align-items:center;}
body[data-game=aviator] .game-heading h1{font-size:24px;color:#f4f3f6;}
body[data-game=aviator] .game-heading p,body[data-game=aviator] .game-heading .eyebrow{display:none;}
.flight-history{display:flex;align-items:center;gap:14px;min-height:48px;padding:9px 15px;border-bottom:1px solid #ffffff0b;background:#111114;overflow:hidden;}
.flight-history>span{font-size:8px;color:#777781;letter-spacing:.12em;white-space:nowrap;}
#recent-flights{display:flex;gap:7px;overflow:auto;scrollbar-width:none;align-items:center;min-width:0;}
.crash-chip{padding:6px 9px;border-radius:20px;color:#9dc0ff;background:#17223b;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;}.crash-chip.mid{color:#bb9bf6;background:#251c3c;}.crash-chip.high{color:#f58ed9;background:#341b32;}
.history-empty{color:#81818d;font-size:10px;white-space:nowrap;}
.flight-layout{display:grid;grid-template-columns:210px minmax(0,1fr);}
.flight-main{min-width:0;display:flex;flex-direction:column;}
.flight-sidebar{border-right:1px solid #ffffff0d;background:#101013;display:flex;flex-direction:column;min-width:0;}
.flight-list-head{padding:15px 13px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:#ababba;border-bottom:1px solid #ffffff0a;}.flight-list-head span{color:#fff;}
.flight-players{max-height:calc(100vh - 310px);min-height:150px;overflow:auto;scrollbar-width:thin;scrollbar-color:#34343d transparent;}
.flight-player{display:flex;align-items:center;gap:9px;padding:12px 10px;border-bottom:1px solid #ffffff05;}.flight-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%;flex-shrink:0;background:#25252c;}.flight-player>div{min-width:0;flex:1;}.flight-player strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}.flight-player small{display:block;color:#777780;font-size:8px;margin-top:4px;}.flight-player>span:last-child{font-size:10px;color:#b6b6bf;text-align:right;}.flight-player>span .icon{width:16px;height:16px;}.flight-player.has-cashout{background:#183a242e;}.flight-player.has-cashout small{color:#8ad798;}
.flight-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:33px 18px;color:#858590;font-size:10px;line-height:1.8;}.flight-empty strong{color:#cdccd5;font-size:12px;}.flight-sidebar>p{color:#62626d;line-height:1.7;font-size:8px;padding:12px;margin-top:auto;border-top:1px solid #ffffff08;}
.game-box[data-game=aviator] .game-stage{height:clamp(240px,calc(100vh - 345px),540px);aspect-ratio:auto;min-height:0;}
.game-box[data-game=aviator] .game-stage canvas{width:100%;height:100%;object-fit:contain;}
.game-box[data-game=aviator] .game-console{min-height:100px;flex-wrap:wrap;align-items:flex-end;padding:12px;gap:9px;background:#17171c;}
.game-box[data-game=aviator] .field{min-width:110px;}.game-box[data-game=aviator] .field label{margin-bottom:6px;font-size:8px;}.game-box[data-game=aviator] .bet-input input{width:78px;}.game-box[data-game=aviator] .bet-input,.game-box[data-game=aviator] .field select{height:40px;min-height:40px;}
.game-box[data-game=aviator] #play{flex:1;min-width:145px;min-height:44px;background:linear-gradient(#55ad24,#358816);border-color:#86cf68;font-size:12px;}
.game-box[data-game=aviator] .cashout{flex:1;min-width:150px;min-height:44px;background:linear-gradient(#e5a73a,#b97616);border-color:#edbe6e;color:#fff;font-size:11px;}.game-box[data-game=aviator] .bet-hint,.game-box[data-game=aviator] .console-spacer{display:none;}
.game-box[data-game=aviator] .result-strip{padding:10px 15px;gap:20px;min-height:47px;}.game-box[data-game=aviator] .result-strip small{font-size:7px;}.game-box[data-game=aviator] #round-info{font-size:9px;margin:0;}
@media(max-width:1200px){.flight-layout{grid-template-columns:170px minmax(0,1fr);}.flight-player{gap:6px;padding:10px 8px;}.flight-avatar{width:25px;height:25px;}.game-box[data-game=aviator] .bet-input input{width:60px;}.game-box[data-game=aviator] .field{min-width:95px;}.game-box[data-game=aviator] .game-console .button{padding:10px;font-size:10px;min-width:110px;}}
@media(max-width:980px){.flight-layout{grid-template-columns:145px minmax(0,1fr);}.flight-player>span:last-child{display:none;}.game-box[data-game=aviator] .game-stage{height:clamp(235px,calc(100vh - 375px),460px);}.game-box[data-game=aviator] .game-console{display:grid;grid-template-columns:1fr 1fr;gap:8px;}.game-box[data-game=aviator] .game-console #play{grid-column:1/-1;}.game-box[data-game=aviator] .bet-input input{width:100%;min-width:0;}.game-box[data-game=aviator] .field{min-width:0;}.game-box[data-game=aviator] select{width:100%;}.game-box[data-game=aviator] .result-strip #round-info{display:none;}}
@media(max-width:760px){.brand strong{max-width:151px;}.topbar-right{gap:7px;}.topbar-right #sound-toggle{width:31px;height:31px;}.flight-layout{grid-template-columns:130px minmax(0,1fr);}.flight-history{padding:9px 10px;gap:8px;}.flight-history>span{display:none;}.flight-list-head{font-size:8px;padding:12px 9px;}.flight-player strong{font-size:9px;}.flight-avatar{width:24px;height:24px;}.flight-sidebar>p{font-size:7px;padding:9px;}.game-box[data-game=aviator] .game-stage{height:clamp(220px,calc(100vh - 370px),430px);}.game-box[data-game=aviator] .result-strip{gap:13px;}.game-box[data-game=aviator] .game-console{padding:9px;}.game-box[data-game=aviator] .game-console .button{min-width:0;font-size:10px;}}
@media(max-width:540px){.flight-layout{grid-template-columns:minmax(0,1fr);}.flight-sidebar{border-right:0;border-top:1px solid #ffffff0c;order:2;}.flight-list-head{padding:10px 12px;}.flight-players{min-height:0;max-height:128px;display:flex;overflow-x:auto;}.flight-player{min-width:135px;flex:0 0 auto;}.flight-sidebar>p{margin:0;padding:7px 12px;}.flight-empty{padding:12px;flex-direction:row;text-align:left;}.flight-empty>span{display:none;}.game-box[data-game=aviator] .game-stage{height:240px;}.game-box[data-game=aviator] .game-console{grid-template-columns:1fr 1fr;}.game-box[data-game=aviator] .cashout{grid-column:auto;}.flight-avatar{width:26px;height:26px;}body[data-game=aviator] main#content{padding-top:12px;}.game-box[data-game=aviator] .result-strip>div:first-child{display:none;}}