@font-face{font-family:Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url('/games-assets/f74f4b0d9751e1205fd3f21f8da0554634e09b0c48c18f3dd66b4f18cb2fc003/public/trade/fonts/sora-latin-ext-v17.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url('/games-assets/f74f4b0d9751e1205fd3f21f8da0554634e09b0c48c18f3dd66b4f18cb2fc003/public/trade/fonts/sora-latin-v17.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;font-family:Sora,system-ui,sans-serif;background:#0b0c11;color:#eef0f7;font-size:13px}*{box-sizing:border-box}body{margin:0;background:#0b0c11}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8b8fff;outline-offset:2px}.v2-game{min-height:100dvh;background:radial-gradient(ellipse at 50% 34%,#1b1d27,#0b0c11 68%)}
.v2-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(100px,1fr) max-content 44px 44px;gap:8px;align-items:center;min-height:60px;padding:8px max(12px,env(safe-area-inset-left)) 8px max(12px,env(safe-area-inset-right));border-bottom:1px solid #282b39;background:#0b0c11ee;backdrop-filter:blur(14px)}.brand{justify-self:start;padding:0;border:0;background:none;color:#eef0f7;font-weight:800;letter-spacing:.08em}.balance-wrap{display:grid;gap:1px;text-align:right}.balance-wrap small{color:#9096ab;font-size:9px;font-weight:700}.balance{font-variant-numeric:tabular-nums;font-size:15px}.icon,.tool{display:grid;width:44px;height:44px;place-items:center;border:1px solid #343849;border-radius:11px;background:#1b1d27;color:#eef0f7;font-size:20px}.tool{width:auto;padding:0 12px;font-size:12px;font-weight:700}
.v2-tools{display:grid;grid-template-columns:124px minmax(0,1fr) max-content;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid #282b39;background:#14161f}.v2-tools label{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 11px;border:1px solid #282b39;border-radius:11px;color:#9096ab}.v2-tools select{border:0;background:transparent;color:#eef0f7;font-weight:800}.recent-results{display:flex;gap:6px;min-width:0;overflow-x:auto;align-items:center;scrollbar-width:none}.recent-results::-webkit-scrollbar{display:none}.recent-empty{color:#9096ab;font-size:11px}.recent-result{flex:none;min-width:52px;height:44px;padding:0 9px;border:0;border-radius:7px;background-image:none;box-shadow:none;font-size:11px;font-weight:700;text-align:center}.recent-result.profit{background:#35d59b18;color:#35d59b}.recent-result.neutral{background:#1b1d27;color:#9096ab}.recent-result:hover{background:#343849}
.v2-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;min-height:calc(100dvh - 112px)}.v2-board{position:relative;min-height:560px;overflow:hidden;background:transparent}.v2-board:before{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px;content:"";pointer-events:none}#board{position:absolute;inset:20px 0 0;z-index:1;width:min(840px,calc(100% - 40px));height:calc(100% - 36px);margin:auto;pointer-events:none}.multipliers{position:absolute;z-index:2;bottom:12px;left:50%;display:grid;width:min(840px,calc(100% - 40px));height:68px;gap:4px;transform:translateX(-50%)}.multiplier-row{display:grid;gap:4px}.value{min-width:0;height:20px;overflow:hidden;border:1px solid #ffffff1f;border-radius:5px;color:#14161f;font-size:11px;font-weight:800;line-height:18px;text-align:center}.green{background:#3ddc97}.yellow{background:#ffc94d}.red{background:#ff5d73}.value.hit{outline:2px solid #f4f6ff;transform:translateY(-2px)}
.v2-controls{display:grid;align-content:center;gap:14px;padding:20px;border-left:1px solid #282b39;background:#14161f}.bet{position:relative}.bet>label{display:block;margin:0 0 7px;color:#9096ab;font-size:11px;font-weight:700}.bet-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,60px);gap:6px;align-items:center}.bet-row>span{position:absolute;z-index:1;left:11px;color:#9096ab;font-weight:800}.bet input,.bet button,.auto{height:48px;border:1px solid #343849;border-radius:11px;background:#1b1d27;color:#eef0f7}.bet input{min-width:0;padding:0 8px 0 25px;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.bet button{font-size:20px}.auto{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:48px;padding:0 8px;color:#9096ab;font-weight:700}.auto svg{flex:none;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auto span{white-space:nowrap}.auto:hover{border-color:#666c82}.balls{display:grid;gap:8px}.drop{position:relative;display:grid;grid-template-columns:1fr max-content;gap:9px;align-items:center;width:100%;height:72px;padding:0 15px;overflow:hidden;border:1px solid #ffffff2e;border-radius:13px;background:linear-gradient(125deg,var(--drop-light),var(--drop-color));color:var(--drop-text);box-shadow:inset 0 1px 0 #ffffff2e,0 3px 0 var(--drop-shadow);text-align:left}.drop.green{--drop-color:#3ddc97;--drop-light:#60e8b0;--drop-text:#06251b;--drop-shadow:#0c7958}.drop.yellow{--drop-color:#ffc94d;--drop-light:#ffdc85;--drop-text:#30200a;--drop-shadow:#9b6b13}.drop.red{--drop-color:#ff5d73;--drop-light:#ff8b9b;--drop-text:#3b0914;--drop-shadow:#a2223b}.drop b{color:inherit;font-size:20px;font-weight:800}.drop small{color:inherit;font-size:11px;font-weight:700}.drop:hover{filter:brightness(1.07);border-color:#ffffff60}.icon:hover,.tool:hover{filter:brightness(1.1)}.drop:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff38}.drop:disabled{opacity:.55}.drop.profit:after{position:absolute;inset:1px;border-radius:12px;background:linear-gradient(110deg,transparent 35%,#fff9 50%,transparent 65%);content:"";animation:sweep 1s linear infinite;pointer-events:none}@keyframes sweep{from{background-position:-230px}to{background-position:300px}}button:disabled{opacity:.36;cursor:not-allowed}
#notice{position:absolute;z-index:4;bottom:92px;left:50%;max-width:calc(100% - 30px);padding:8px 12px;border:1px solid #343849;border-radius:10px;background:#1b1d27;opacity:0;transform:translate(-50%,8px);transition:.15s;white-space:nowrap}#notice.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:1px solid #343849;border-radius:16px;background:#1b1d27;color:#eef0f7;box-shadow:0 24px 80px #000a}dialog::backdrop{background:#0009}dialog>button{float:right;width:44px;height:44px;border:0;background:transparent;color:#eef0f7;font-size:22px}dialog h2{margin:8px 50px 16px 0}dialog p{line-height:1.65}.muted{color:#9096ab}.history-row{display:flex;justify-content:space-between;border-bottom:1px solid #343849}.choice{display:flex;gap:9px;flex-wrap:wrap}.choice label,.rounds{padding:9px;border:1px solid #343849;border-radius:9px}.rounds{display:block;margin-top:12px}.rounds select{float:right;background:#14161f;color:#eef0f7}.start{width:100%;height:44px;margin-top:14px;border:0;border-radius:11px;background:linear-gradient(135deg,#f4f6ff,#cfd6f0);color:#14161f;font-weight:800}.presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:7px}.presets button{min-width:0;height:44px;padding:0 2px;border-radius:7px;font-size:11px;font-weight:700}.presets button[aria-pressed=true]{border-color:#eef0f7;background:#343849}.charge-hint{display:grid;grid-template-rows:16px 16px;gap:4px;min-height:36px;color:#9096ab;font-size:11px;line-height:16px;text-align:center}#lastResults{display:block;min-height:16px}.closed{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:#0b0c11}.closed>div{padding:26px;border:1px solid #343849;border-radius:16px;background:#1b1d27;text-align:center}.closed button{height:44px;padding:0 15px;border:0;border-radius:11px;background:#f4f6ff;color:#14161f;font-weight:800}
@media(max-width:760px){.recent-result{min-width:48px;font-size:10px}.v2-header{grid-template-columns:minmax(76px,1fr) max-content 44px 44px}.brand{font-size:14px}.v2-tools{grid-template-columns:112px minmax(0,1fr) 54px;padding-inline:8px}.tool{padding:0;font-size:10px}.v2-layout{display:block;min-height:0}.v2-board{min-height:max(390px,58vw)}.v2-controls{gap:10px;padding:12px 8px 16px;border-top:1px solid #282b39;border-left:0}.bet-row{grid-template-columns:minmax(0,1fr) repeat(2,60px)}.balls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.drop{grid-template-columns:1fr;justify-items:center;height:92px;padding:8px 5px;text-align:center}.drop small{font-size:10px}.multipliers{width:calc(100% - 16px);height:61px;gap:2px;bottom:7px}.multiplier-row{gap:2px}.value{height:18px;border-radius:4px;font-size:9px;line-height:16px}#board{inset:10px 0 0;width:calc(100% - 16px);height:calc(100% - 17px)}#notice{bottom:76px;font-size:11px;white-space:normal;text-align:center}.bet button{min-width:0}.presets{grid-template-columns:repeat(5,1fr)}}
@media(max-width:350px){.v2-tools{grid-template-columns:100px minmax(0,1fr) 48px}.bet-row{grid-template-columns:minmax(0,1fr) repeat(2,52px);gap:4px}.bet input{font-size:14px}.multipliers,.multiplier-row{gap:0}.value{border:0;font-size:9px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.drop.profit:after{display:none}}.closed[hidden]{display:none}.v2-game.is-closed{visibility:hidden;pointer-events:none}
.brand{display:grid;min-height:44px;align-items:center;font-size:20px}
@media(max-width:760px){.v2-board{min-height:min(560px,calc(100dvh - 345px))}.v2-controls{padding-bottom:max(16px,env(safe-area-inset-bottom))}.multipliers,.multiplier-row{gap:1px}.value{border:0}}@media(max-width:350px){.multipliers,.multiplier-row{gap:0}}

.simulation-badge{padding:4px 7px;border:1px solid #343849;border-radius:6px;color:#9096ab;font-size:10px;font-weight:700;letter-spacing:0;white-space:nowrap}#sfxButton svg{width:24px;height:24px}#sfxButton .sound-mute,#sfxButton[aria-pressed=true] .sound-waves{display:none}#sfxButton[aria-pressed=true] .sound-mute{display:block}
.win-feedback{display:none;pointer-events:none}
.win-feedback:not([hidden]){position:absolute;z-index:3;top:44%;left:50%;display:grid;gap:8px;width:calc(100% - 32px);transform:translate(-50%,-50%);color:var(--win-color);text-align:center;isolation:isolate;animation:win-arrive .22s ease-out both}.win-feedback>span{font-size:13px;font-weight:700;letter-spacing:.1em}.win-feedback>strong{font-size:clamp(48px,5.6vw,88px);font-weight:800;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #0b0c11,0 0 28px var(--win-color)}.win-feedback>small{font-size:22px;font-weight:800;text-shadow:0 2px 8px #0b0c11,0 0 18px var(--win-color)}.win-feedback:before{position:absolute;z-index:-1;inset:-35px 5%;border-radius:50%;background:radial-gradient(ellipse,var(--win-color),transparent 68%);content:"";animation:win-glow var(--win-duration) ease-out both}.win-feedback.jackpot>strong{text-shadow:0 2px 8px #0b0c11,0 0 40px var(--win-color)}.win-feedback.jackpot:before{inset:-65px 0}.win-feedback.jackpot:after{position:absolute;z-index:-1;top:50%;left:50%;width:190px;height:190px;border:2px solid var(--win-color);border-radius:50%;content:"";animation:win-ring .7s ease-out both}
@keyframes win-arrive{from{opacity:0;transform:translate(-50%,-50%) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes win-glow{0%{opacity:.1}12%,80%{opacity:.4}100%{opacity:0}}@keyframes win-ring{from{opacity:.8;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}
@media(max-width:760px){.simulation-badge{display:none}.win-feedback:not([hidden]){top:calc((100% - 68px)/2 + 14px);gap:5px;width:calc(100% - 24px)}.win-feedback>span{font-size:11px}.win-feedback>strong{font-size:clamp(30px,9vw,44px)}.win-feedback>small{font-size:18px}.win-feedback:before{inset:-20px 5%}.win-feedback.jackpot:before{inset:-30px 0}.win-feedback.jackpot:after{width:120px;height:120px}}
@media(prefers-reduced-motion:reduce){.win-feedback:before{opacity:.3}.win-feedback.jackpot:after{display:none}}

/* The landing cell leads; existing result text and ledger still update together. */
.value.hit{position:relative;z-index:2;box-shadow:0 0 0 3px #ffffff22,0 0 18px var(--landing-color);transition:transform .12s ease-out}
.value.green{--landing-color:#3ddc97}.value.yellow{--landing-color:#ffc94d}.value.red{--landing-color:#ff5d73}
.drop.in-flight,.drop.submitting{opacity:1;outline:2px solid #ffffff90;outline-offset:2px}
.win-feedback:not([hidden]){animation-delay:.18s}
#lastResults{color:var(--muted)}
@media(prefers-reduced-motion:reduce){.value.hit{transition:none}.win-feedback:not([hidden]){animation-delay:0s}}

#panel #panelTitle,#fairDialog #fairTitle{font-size:20px}

/* Mobile wager entry above the full-width game actions. */
@media(max-width:760px){#game .v2-controls{grid-template-columns:minmax(0,1fr) 96px;column-gap:8px}.v2-controls .bet-row{grid-template-columns:minmax(0,104px) repeat(2,44px);gap:4px}}

#mobilePresets,.mobile-currency{display:none}
@media(max-width:760px){#game .v2-controls{grid-template-columns:minmax(0,1fr) 52px;grid-template-rows:58px 72px 16px;gap:6px 8px}.v2-controls .bet{display:block;grid-column:1;grid-row:1;min-width:0}.v2-controls .bet>label{display:block;margin:0 0 4px;color:#9096ab;font-size:10px;font-weight:700;line-height:10px}.mobile-currency{display:inline;margin-left:6px;font-size:9px}.v2-controls .bet-row{grid-template-columns:minmax(0,104px) repeat(3,minmax(44px,1fr));gap:4px}.v2-controls .bet input{padding-left:25px;font-size:17px}.v2-controls #mobilePresets{display:grid;place-items:center;padding:0}.v2-controls #mobilePresets svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v2-controls #presets{display:none}.v2-controls #autoButton{width:52px;height:58px;flex-direction:column;gap:3px;padding:4px;font-size:8px}.v2-controls #autoButton svg{width:23px;height:23px}.v2-controls .balls{grid-row:2}.v2-controls .control-status{grid-row:3}#panel .mobile-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#panel .mobile-presets button{min-width:0;min-height:44px;padding:0 2px;border:1px solid #343849;border-radius:8px;background:#1b1d27;color:#eef0f7;font-size:11px;font-weight:700}#panel .mobile-presets button[aria-pressed=true]{border-color:#eef0f7;background:#343849}}
@media(max-width:760px) and (max-height:740px){#game .v2-controls{grid-template-rows:58px 60px 16px}}

/* Borrow board headroom for the amount label without resizing its canvas. */
@media(max-width:760px){#game .v2-board{min-height:max(194px,calc(100dvh - 360px - max(8px,env(safe-area-inset-bottom))))}#game #board{inset:4px 0 0;height:calc(100% - 11px)}#game .v2-controls{padding-top:12px}}
@media(max-width:760px) and (max-height:740px){#game .v2-board{min-height:max(190px,calc(100dvh - 342px - max(8px,env(safe-area-inset-bottom))))}#game #board{inset:0;height:calc(100% - 7px)}}

#historyButton{display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:none;color:#9096ab;padding:0}#historyButton svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

#historyButton{min-width:44px;flex-shrink:0}