/* Tbilisi: panoramic waterfront and a centered, continuously built tower. */
#stage{aspect-ratio:16/9;background:#10294b}
#stage .cloud-layer,#stage .multiplier-sign>svg{display:none!important}
#stage .multiplier-sign{left:50%;top:10%;width:24%;height:14%;transform:translateX(-50%);animation:none;filter:none}
#stage .sign-copy{inset:0;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}
#stage .sign-copy strong{font-size:clamp(20px,4.4cqw,64px);font-weight:800;letter-spacing:-.04em;text-shadow:0 2px 15px #09224b70}
#stage #round-state{display:block!important;font-size:clamp(6px,.85cqw,12px);letter-spacing:.18em;color:#d2e5f2;order:2}
#stage[data-phase=crashed] .sign-copy strong{color:#ffc397}
#stage .sky-result{font-size:clamp(8px,1.45cqw,21px);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #0a244b}
.history-heading{position:absolute;left:8%;top:12%;font-size:clamp(6px,.8cqw,12px);letter-spacing:.18em;color:#d3dfed;z-index:3}
#stage .round-intro{inset:8% auto auto 50%;width:26%;height:26%;transform:translateX(-50%);background:#102548c9;border:1px solid #ffffff24;border-radius:12px;backdrop-filter:blur(6px)}
#stage .intro-brand{display:none}#stage .intro-label{font-size:.85cqw;letter-spacing:.12cqw}#stage .round-intro>strong{font-size:3.8cqw}#stage .intro-track{width:17cqw}#stage .round-intro>p{font-size:1cqw}
#stage[data-phase=waiting] .multiplier-sign{visibility:hidden}
#stage .round-badges{top:10px;left:12px}.brand-bank{font-size:1em!important;font-weight:800;letter-spacing:-.5px}
@media(min-width:1100px) and (min-height:650px){#stage{height:auto;width:min(100%,calc((100cqh - 17px)*16/9));aspect-ratio:16/9}.stage-frame{background:#0c1d35!important}}
@media(max-width:800px){#stage{aspect-ratio:16/9}.history-heading{top:9%}.game-header .wordmark{font-size:20px}}

/* Active site on the right; history fills the left and middle. */
#stage .multiplier-sign{left:80%;top:8%;width:24%}
#stage .round-intro{left:80%;width:26%}
.history-heading{left:23%;top:8%}

/* Responsive Tbilisi layout: scale the stage, scroll the page when needed. */
html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
.game-layout{height:auto;min-height:calc(100dvh - 62px);display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,25vw,330px);align-items:start;gap:12px;padding:12px;max-width:1800px;margin-inline:auto}
.play-area{display:flex;flex-direction:column;gap:10px;min-width:0;grid-column:1;grid-row:1}
.bets-sidebar{display:flex;grid-column:2;grid-row:1;height:calc(100dvh - 86px);min-height:440px;max-height:1000px}
.stage-frame{display:block;min-width:0;overflow:hidden}
#stage{width:100%;height:auto;flex:none;aspect-ratio:16/9}
.stage-frame .fun-strip{background:#ffdf16!important;color:#172033!important;height:17px;line-height:17px;font-size:9px;font-weight:700;letter-spacing:1.2px}
.bet-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0;margin:0;gap:10px}
.bet-panel{min-width:0;padding:12px}.bet-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.stake-box input{min-width:0;width:100%}.auto-options{flex-wrap:wrap}.game-tools{height:auto;display:flex;flex-wrap:wrap;gap:8px;padding:6px 0}
.rounds-bar{flex:none;margin:0}.game-header{min-height:60px;height:auto;padding:10px 16px;gap:10px;flex-wrap:wrap}.header-spacer{min-width:0}.game-header .wallet strong{font-size:20px}
@media(max-width:1000px){
 .game-layout{grid-template-columns:minmax(0,1fr);padding:8px;gap:12px}
 .bets-sidebar{grid-column:1;grid-row:2;width:100%;height:440px;min-height:0;max-height:none}
 .play-area{grid-column:1;grid-row:1}
}
@media(max-width:600px){
 .game-header{padding:8px;gap:7px}.game-header .wordmark{font-size:20px}.sky-brand{font-size:24px;margin-right:2px}.game-header .wallet strong{font-size:16px}.game-header .demo-badge,.game-header .avatar{display:none}.game-header .icon{min-width:36px;width:36px;height:36px}.night-toggle{font-size:11px;padding:7px}
 .bet-panels{grid-template-columns:minmax(0,1fr)}.bet-action{min-height:76px}.stake-box{height:44px}.stake-box button{min-width:34px;height:34px}.presets button{min-height:34px}.panel-help{font-size:11px}.panel-top .segmented button{min-height:34px}.game-tools button{min-height:40px}.game-tools span{font-size:11px}
 #stage .sign-copy strong{font-size:clamp(18px,4.4cqw,28px)}#stage #round-state{font-size:7px;letter-spacing:.08em}#stage .round-intro{height:30%;width:30%;left:79%}#stage .intro-label{font-size:6px;letter-spacing:.04em}#stage .round-intro>strong{font-size:20px}#stage .round-intro>p{font-size:6px}#stage .round-badges{top:5px;left:6px}.history-heading{font-size:6px;top:7%}
}
@media(max-width:390px){.game-header .night-toggle{font-size:0}.game-header .night-toggle span{font-size:16px}.game-header .wallet strong{font-size:14px}.game-layout{padding:5px}.game-tools{gap:2px}}
/* Avoid inherited size containment collapsing the naturally sized stage. */
.play-area{container-type:normal}.stage-frame{container-type:normal;contain:none;flex:none;height:auto}#stage{width:100%!important;height:auto!important;aspect-ratio:16/9;flex:none}
/* Desktop: reserve space for controls before sizing the panoramic scene. */
@media(min-width:1001px) and (min-height:650px){
 .game-layout{height:calc(100dvh - 60px);min-height:0}
 .play-area{height:100%;min-height:0;display:grid;grid-template-rows:24px minmax(0,1fr) auto auto;gap:8px}
 .stage-frame{height:100%;min-height:0;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
 .stage-frame .fun-strip{width:100%;flex:0 0 17px}
 #stage{width:100%!important;height:calc(100% - 17px)!important;aspect-ratio:auto}
 .bets-sidebar{height:100%;min-height:0;max-height:none}
}
@media(min-width:1001px) and (min-height:650px){
 #stage .round-intro{height:30%;padding:8px;gap:4px}
 #stage .intro-label{font-size:9px;letter-spacing:1px}
 #stage .round-intro>strong{font-size:30px;line-height:1}
 #stage .round-intro>p{font-size:9px;margin:0}
 #stage .intro-track{margin:3px 0}
}

/* A restrained shimmer keeps completed multipliers readable. */
#stage .sky-result{color:#f3fbff;text-shadow:0 0 4px #e6f7ff88,0 0 10px #79bcf680,0 1px 3px #061126;animation:result-glow 3.6s ease-in-out infinite alternate}
#stage .sky-result:nth-child(2n){animation-delay:-1.2s}
@keyframes result-glow{from{text-shadow:0 0 4px #e6f7ff66,0 0 9px #79bcf655,0 1px 3px #061126}to{text-shadow:0 0 5px #ffffffaa,0 0 14px #8ccfff99,0 1px 3px #061126}}
@media(prefers-reduced-motion:reduce){#stage .sky-result{animation:none}}

.game-header .sky-brand{position:relative;display:inline-flex;width:22px;height:40px;margin-right:7px;vertical-align:middle;align-items:center;justify-content:center}
.sky-brand img{display:block;height:100%;width:100%;object-fit:contain}
#stage .round-intro{inset:0;width:100%;height:100%;transform:none;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 45%,#242738f7,#111320fa 75%);backdrop-filter:none;padding:12px;gap:4px}
#stage .intro-brand{display:flex;width:32%;height:22%;margin:0;transform:none}
#stage .intro-label{font-size:clamp(7px,1.1cqw,12px);letter-spacing:2px}
#stage .round-intro>strong{font-size:clamp(24px,4cqw,42px);line-height:1.2}
#stage .intro-track{width:24%;margin:6px 0;height:4px}
#stage .round-intro>p{font-size:clamp(8px,1cqw,11px);margin:0}
/* Emphasize the live multiplier with a clear, luminous focal point. */
#stage .multiplier-sign{height:19%;width:30%;top:5%}
#stage .sign-copy strong{font-size:clamp(30px,6cqw,84px);line-height:1.05;text-shadow:0 0 8px #e2f6ff99,0 0 22px #75bdff99,0 0 42px #408cff66}
#stage #round-state{text-shadow:0 0 8px #8bcaff99}
.stage-frame{box-shadow:0 0 18px #538dce22,inset 0 0 22px #6aa9e522}
#stage::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 40px #6aa9e522;border-radius:inherit}
#stage[data-phase=crashed] .sign-copy strong{text-shadow:0 0 8px #ffd8aa99,0 0 24px #ffad6988,0 0 40px #ff9d4244}
@media(max-width:600px){#stage .sign-copy strong{font-size:clamp(24px,6cqw,40px)}#stage .sign-copy{gap:3px}}

/* Tbilisi-only compact controls. */

.game-header{height:38px;padding:0 12px;gap:8px}
.game-header .wordmark,.game-header .spaceship-brand span{font-size:17px;letter-spacing:1px}
.game-header .demo-badge{font-size:8px;padding:5px 7px;border-radius:5px}
.game-header .wallet{font-size:8px;gap:5px}.game-header .wallet strong{font-size:13px;font-weight:400}
.game-header .icon{width:25px;min-width:25px;height:25px;font-size:16px}
.game-header .back,.rounds-bar .icon{display:grid;place-items:center;flex:none;width:28px;min-width:28px;height:28px;padding:0;border:1px solid #354963;border-radius:8px;color:#b7c7dd;background:#19283e;box-shadow:none}
.game-header .back:hover,.rounds-bar .icon:hover{color:#fff;background:#24364e}
.night-mode .fair-modal-brand img{background:#fff;border-radius:4px;padding:4px;mix-blend-mode:normal}
@media(min-width:801px) and (min-height:551px) and (min-aspect-ratio:1/1){.game-layout{height:calc(100dvh - 38px)}}
@media(max-width:380px){.game-header{gap:5px;padding:0 6px}.game-header .spaceship-brand span{font-size:14px}}

.rounds-bar .icon{width:24px;min-width:24px;height:20px;border-radius:6px;flex:0 0 24px;align-self:center;font-size:20px;line-height:1}.rounds-bar .icon svg{display:block;margin:auto}

#modal{scrollbar-width:none}#modal::-webkit-scrollbar{display:none;width:0;height:0}.crash-multipliers{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;padding:4px 0 12px}.crash-multipliers .round-chip{text-align:center;padding:10px 6px}

#players{scrollbar-width:none}#players::-webkit-scrollbar{display:none;width:0;height:0}

#players .player-row{content-visibility:auto;contain-intrinsic-size:auto 44px}


/* Top results: compact filter rows and individual result cards. */
#activity-panel.show-top .activity-summary,#activity-panel.show-top .table-labels{display:none}
#top-filters{flex-direction:column;gap:4px;margin:8px 0;padding:5px;background:#0b1525;border-radius:15px;flex-shrink:0}
#top-filters .segmented{background:transparent;padding:0;width:100%}
#top-filters button{padding:7px 3px;font-size:12px;font-weight:400}
#top-filters button.selected{background:#2d405d;color:#fff}
.top-result{padding:12px 10px;margin-bottom:7px;background:#0a1423;border-radius:16px;color:#c4cfdf}
.top-result header{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.top-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#26384f;font-size:24px;flex-shrink:0}
.top-result header strong{font-size:12px;font-weight:500}.top-result time{display:block;font-size:10px;color:#8392a9;margin-top:2px}
.top-proof{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#253147;color:#a4b1c5;flex-shrink:0}
.top-result dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin:0;font-size:10px;font-variant-numeric:tabular-nums}
.top-result dl div{display:flex;justify-content:space-between;gap:4px;min-width:0}.top-result dt{color:#8392a9;white-space:nowrap}.top-result dd{margin:0;text-align:right;overflow-wrap:anywhere}.top-result .top-mult{color:#8bd2ff}.top-result .top-mult.medium{color:#c9a7ff}.top-result .top-mult.high{color:#fface4}

/* Center manual controls; automatic controls use the space below them. */
.bet-panel{display:flex;flex-direction:column}
.bet-panel>.panel-top,.bet-panel>.bet-main,.bet-panel>.auto-options,.bet-panel>.panel-help{flex-shrink:0}
.bet-panel:has(.auto-options[hidden])>.bet-main{margin-top:auto}
.bet-panel:has(.auto-options[hidden])>.panel-help{margin-bottom:auto}


.game-header .sky-brand{width:16px;height:28px;margin-right:4px}.game-header .wallet strong{font-size:13px;font-weight:400}.fair-modal-brand{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.fair-modal-brand img{width:82px;background:white;padding:5px;border-radius:4px}.bet-panel{min-height:170px}#modal-content{scrollbar-width:none}#modal-content::-webkit-scrollbar{display:none}@media(min-width:1001px) and (min-height:650px){.game-layout{height:calc(100dvh - 38px)}}
.game-header{min-height:38px;height:38px}.game-header .brand-bank{font-size:17px}

@media(max-width:800px){.stage-frame .fun-strip{height:16px;line-height:16px;flex-basis:16px}}

/* A gold-rimmed multiplier board suspended from the construction crane. */
#stage .multiplier-sign{aspect-ratio:200/150;min-width:0;pointer-events:none;filter:drop-shadow(0 3px 7px #0008)}
#stage .multiplier-sign>svg{display:block!important;width:100%;height:100%;overflow:visible}
#stage .multiplier-sign .sign-copy{inset:35% 7% 6%;gap:2px}
#stage .multiplier-sign .sign-copy strong{font-size:clamp(16px,3.4cqw,48px);letter-spacing:-.04em;color:#fff4dc;text-shadow:0 0 8px #ffd78c88;line-height:1.05}
#stage .multiplier-sign #round-state{font-size:clamp(5px,.65cqw,9px);letter-spacing:.08em}
#stage .multiplier-sign #countdown{display:none}
#stage[data-phase=crashed] .multiplier-sign .sign-copy strong{color:#ffc397}

/* Approved hook-mounted artwork: keep the face clear and the floor path centered. */
#stage .multiplier-sign .sign-copy strong{font-size:clamp(18px,3.8cqw,54px);text-shadow:0 2px 3px #0008,0 0 12px #ffc75b66}
#stage .multiplier-sign #round-state{display:none!important}
#stage .multiplier-sign .sign-copy{inset:35% 6% 6%}

/* White polished lettering remains inside the widened frame at every result. */
#stage .multiplier-sign .sign-copy{inset:35% 10% 6%;overflow:hidden}
#stage .multiplier-sign .sign-copy strong,#stage[data-phase=crashed] .multiplier-sign .sign-copy strong{color:#fff;background:linear-gradient(#fff 0%,#fff 42%,#d9e8f4 52%,#fff 68%,#f6fbff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px #ffffff55;filter:drop-shadow(0 2px 2px #302318);white-space:nowrap;letter-spacing:-.025em}

/* The whole board pivots at the hook; a moving highlight polishes its white lettering. */
#stage .multiplier-sign{will-change:transform}
#stage .multiplier-sign .sign-copy strong,#stage[data-phase=crashed] .multiplier-sign .sign-copy strong{background-image:linear-gradient(110deg,transparent 35%,#ffffff 46%,#ffffff 51%,transparent 63%),linear-gradient(#fff 0%,#fff 36%,#bed3e3 49%,#fff 59%,#f8fcff 82%,#dcecff 100%);background-size:250% 100%,100% 100%;background-position:var(--shine-position,50%) 0,0 0;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 5px #ffffff55;filter:drop-shadow(0 2px 1px #26180d) drop-shadow(0 0 3px #e9f6ff66)}

/* Soft, matte lettering without the moving gloss highlight. */
#stage .multiplier-sign .sign-copy strong,#stage[data-phase=crashed] .multiplier-sign .sign-copy strong{color:#eeeef1;background:none;-webkit-text-fill-color:#eeeef1;text-shadow:0 1px 2px #30231855;filter:none}

/* Plump, softly illuminated numerals with a restrained stationary highlight. */
#stage .multiplier-sign .sign-copy strong,#stage[data-phase=crashed] .multiplier-sign .sign-copy strong{font-family:ui-rounded,'Arial Rounded MT Bold','Nunito','Manrope',sans-serif;font-weight:900;color:#f8f9fc;-webkit-text-fill-color:#f8f9fc;-webkit-text-stroke:.45px #f8f9fc;background:none;letter-spacing:0;text-shadow:0 -1px 0 #fff,0 0 2px #ffffff99,0 0 5px #ffffff55,0 2px 2px #30231855;filter:none}

/* Thick soft-white numerals, without shine, glow, or reflective highlights. */
#stage .multiplier-sign .sign-copy strong,#stage[data-phase=crashed] .multiplier-sign .sign-copy strong{color:#eeeef1;-webkit-text-fill-color:#eeeef1;-webkit-text-stroke:.45px #eeeef1;font-weight:900;background:none;text-shadow:none;filter:none}

/* Temporary blue cashout cards; compact artwork badges remain separate. */
#cashout-popups{position:fixed;top:46px;left:50%;transform:translateX(-50%);z-index:100;display:grid;gap:8px;width:min(470px,calc(100vw - 24px));pointer-events:none}
.tbilisi-cashout-popup{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 20px;border:1px solid #92c9ff88;border-radius:12px;background:linear-gradient(110deg,#173659de,#345f8eb8);backdrop-filter:blur(12px);box-shadow:0 7px 28px #07162c55,inset 0 1px 0 #dceeff22;color:#f0f6ff;pointer-events:auto;animation:win-arrive .22s ease-out;transition:opacity .25s,transform .25s}
.cashout-message{display:grid;gap:4px;flex:1;text-align:center;min-width:0}.cashout-message span{font-size:13px;color:#d2e3f7}.cashout-message strong{font-size:20px;font-weight:800}
.cashout-payout{display:grid;gap:4px;text-align:center;background:#77b6ee33;border:1px solid #aed6ff33;border-radius:8px;padding:7px 18px;min-width:115px}.cashout-payout span{font-size:12px;color:#d4e7ff}.cashout-payout strong{font-size:24px;line-height:1.1;font-weight:800}
.tbilisi-cashout-popup button{flex-shrink:0;width:32px;height:32px;padding:0;border-radius:7px;background:#c0ddff12;color:#e5f1ff;font-size:25px;line-height:1}.tbilisi-cashout-popup.leaving{opacity:0;transform:translateY(-6px);pointer-events:none}
@media(max-width:480px){.tbilisi-cashout-popup{gap:8px;padding:9px}.cashout-message span{font-size:11px}.cashout-payout{min-width:92px;padding:7px 10px}.cashout-payout strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.tbilisi-cashout-popup{animation:none;transition:none}}
.no-animation .tbilisi-cashout-popup{animation:none;transition:none}

/* Compact translucent cashout popup; the artwork win indicator remains unchanged. */
#cashout-popups{width:min(310px,calc(100vw - 24px));gap:5px}
.tbilisi-cashout-popup{gap:10px;padding:6px 10px;border-radius:8px;background:linear-gradient(110deg,#17365980,#345f8e66);border-color:#92c9ff55;backdrop-filter:blur(5px);box-shadow:0 3px 12px #07162c22;pointer-events:none}
.cashout-message{gap:2px}.cashout-message span{font-size:11px}.cashout-message strong{font-size:17px}
.cashout-payout{gap:2px;min-width:85px;padding:4px 10px;border-radius:6px;background:#77b6ee1a;border-color:#aed6ff22}.cashout-payout span{font-size:10px}.cashout-payout strong{font-size:19px}
@media(max-width:480px){#cashout-popups{width:min(290px,calc(100vw - 24px))}.tbilisi-cashout-popup{padding:5px 8px;gap:8px}.cashout-payout{min-width:78px;padding:4px 8px}.cashout-payout strong{font-size:18px}}
