@font-face{font-family:RoadsterDigits;src:url(../fonts/exo2-digits-900i.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap;unicode-range:U+0030-0039,U+002E,U+002C,U+00D7,U+0078}:root{--panel: rgba(11, 15, 42, .88);--panel-up: rgba(22, 27, 69, .9);--ink: #FFF6EE;--muted: #B3B8E0;--m1: #FFF6EE;--m2: #A6FFF4;--m10: #FFC857;--win: #A6FFF4;--crash: #FF7468;--bet: #18D6C8;--bet-down: #119E94;--bet-ink: #0B0F2A;--cash: #FFC857;--cash-down: #E0A23A;--off: #2A2F57;--off-ink: #9AA0CC;--radius: 16px;--tap: 48px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#0b0f2a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}#stage{position:absolute;inset:0}.scene-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}#hud button,#hud input,#hud label{pointer-events:auto}button{font:inherit;color:var(--ink);min-height:var(--tap);min-width:var(--tap);border:0;border-radius:12px;background:var(--panel-up);cursor:pointer;touch-action:manipulation}button:disabled{background:var(--off);color:var(--off-ink);cursor:default}.hud-top{width:min(100%,520px);text-align:center;background:var(--panel);border-radius:var(--radius);padding:6px 12px}.top-row{min-height:26px;line-height:26px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}.balance{font-weight:800;font-size:20px;line-height:26px;color:var(--ink);font-variant-numeric:tabular-nums}.recent{min-height:20px;display:flex;gap:4px;justify-content:flex-start;font-size:12px;line-height:18px;color:var(--muted);white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}.pill{flex:none;padding:0 6px;border-radius:9px;background:#ffffff14;font-weight:700}.pill.p1{color:var(--crash)}.pill.p2{color:var(--m2)}.pill.p10{color:var(--m10)}.pill.own{color:var(--m2);background:#18d6c829}.top-row,.recent{margin-right:96px}.mult{font-family:RoadsterDigits,system-ui,sans-serif;font-style:italic;font-weight:900;font-variant-numeric:tabular-nums;font-size:clamp(40px,12vw,72px);line-height:1.05;color:var(--m1);letter-spacing:0}.mult.m2{color:var(--m2)}.mult.m10{color:var(--m10)}.mult.crashed{color:var(--crash)}.mult.closed{color:var(--win)}.mult.celeb{color:#a6fff4}.mult.celeb10{color:#ffc857}.status{min-height:17px;font-size:13px;color:var(--muted)}.flash{position:absolute;left:0;right:0;top:30%;text-align:center;font-size:36px;font-weight:900;font-style:italic;color:var(--m10);opacity:0;pointer-events:none;text-shadow:0 2px 0 #0B0F2A,0 0 12px rgba(11,15,42,.8)}.flash.on{animation:flash 1.1s ease-out}@keyframes flash{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.hud-bottom{width:min(100%,760px);display:flex;flex-direction:column;gap:6px}.panels{display:flex;gap:6px;align-items:stretch}.panel{flex:1;background:var(--panel);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}.panel[hidden],.partial-row[hidden],.add-panel[hidden],.actions[hidden]{display:none}.panel-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.panel-head .icon{min-height:var(--tap);min-width:var(--tap)}.stake-row{display:flex;align-items:center;gap:6px}.stake-row .icon{min-width:56px;font-size:22px;font-weight:800}.stake{flex:1;text-align:center;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.quick-row,.partial-row{display:flex;gap:4px}.chip{flex:1;font-size:15px;font-weight:700;min-width:0}.chip.sel{background:var(--bet);color:var(--bet-ink)}.auto-row{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);min-height:var(--tap)}.auto-row input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0 4px 0 0;border:2px solid #2A2F57;border-radius:6px;background:#0b0f2a center / 14px 14px no-repeat;cursor:pointer}.auto-row input[type=checkbox]:checked{background-color:#18d6c8;border-color:#18d6c8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l3 3 6-6.6' fill='none' stroke='%230B0F2A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.auto-row input[type=checkbox]:focus-visible{outline:2px solid #A6FFF4;outline-offset:2px}.target{width:84px;min-height:var(--tap);font:700 16px/1 system-ui,sans-serif;text-align:center;color:var(--ink);background:var(--panel-up);border:0;border-radius:8px;padding:0 8px;-moz-appearance:textfield;appearance:textfield}.target::-webkit-outer-spin-button,.target::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.main{min-height:56px;font-size:17px;font-weight:800}.main.bet{background:var(--panel-up);color:var(--ink);outline:2px solid var(--bet);outline-offset:-2px}.main.bet.armed{background:var(--bet);color:var(--bet-ink);outline:0}.main.bet:active:not(:disabled){background:var(--bet-down);color:var(--bet-ink)}.main.cashout{background:var(--cash);color:var(--bet-ink)}.main.cashout:active:not(:disabled){background:var(--cash-down)}.main.idle{background:var(--off);color:var(--off-ink)}.partial{flex:2;background:var(--panel-up);color:var(--cash);outline:1px solid var(--cash);outline-offset:-1px}.partial:disabled{outline:0}.result{min-height:16px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;text-align:center;color:var(--win)}.result.lost{color:var(--crash)}.add-panel{width:64px;background:var(--panel);color:var(--muted);font-size:13px}.panels{flex-wrap:wrap}.add-panel{flex:1 1 100%;width:100%;min-height:var(--tap)}.chip,.seed-btn,.swipe-toggle{min-height:var(--tap)}.panel-head{min-height:24px;height:24px}.panel-head .icon{position:relative;min-height:24px;height:24px;min-width:48px;padding:0;line-height:24px}.panel-head .icon:before{content:"";position:absolute;inset:-12px 0}.panels:has(.panel+.panel:not([hidden])) .stake-row .icon{min-width:48px}.panels:has(.panel+.panel:not([hidden])) .stake{font-size:15px}.panels:has(.panel+.panel:not([hidden])) .target{width:60px;padding:0 4px}.actions{display:flex;gap:6px;align-items:center}.start{flex:1;min-height:52px;font-weight:800;background:var(--bet);color:var(--bet-ink)}.start:active:not(:disabled){background:var(--bet-down)}.swipe-toggle{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:4px;min-height:var(--tap);background:var(--panel);border-radius:12px;padding:0 8px}.seed-btn{font-size:12px;color:var(--muted);min-height:var(--tap);background:var(--panel);border:0;border-radius:12px;padding:0 8px}.seed-btn:disabled{opacity:.45}.fair{min-height:13px;line-height:13px;font-size:10px;color:var(--muted);opacity:.7;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.customer-demo .actions,.customer-demo .fair{display:none!important}.note{font-size:11px;text-align:center;color:var(--muted);display:none}.mode{color:var(--off-ink)}#hud.riding .stake-row,#hud.riding .quick-row,#hud.riding .auto-row,#hud.riding .panel-head,#hud.riding .actions,#hud.riding .fair{display:none}#hud.riding .note{display:block}.ghost{visibility:hidden}@media(max-width:380px){.chip{font-size:13px}}@media(min-width:900px)and (min-aspect-ratio:1/1){.hud-top{width:420px;padding:8px 18px}.top-row,.recent{margin-right:0}.recent{justify-content:center}.mult{font-size:84px}.hud-bottom{width:820px}.panel{padding:12px}.stake{font-size:20px}}@media(orientation:landscape)and (min-width:900px){#hud{--tap: 48px;--colW: clamp(280px, calc((100vw - 480px)/2) , 352px)}.hud-bottom{position:absolute;width:auto;left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));align-items:flex-end}.hud-bottom>.actions,.hud-bottom>.fair,.hud-bottom>.note{width:var(--colW)}.panels{width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;gap:0}.panels>.add-panel{align-self:stretch}.panel{flex:none;width:var(--colW);padding:10px;gap:4px}.add-panel{flex:none;width:var(--colW);min-height:48px}.main,.chip{min-height:48px}}@media(min-aspect-ratio:1/1){#hud.wreck .quick-row,#hud.wreck .auto-row,#hud.wreck .panel-head,#hud.wreck .actions,#hud.wreck .fair,#hud.wreck .add-panel{display:none}}.fx-root{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.fx-dim{position:absolute;inset:0;background:#0b0f2a73;opacity:0;will-change:opacity}.fx-coins{position:absolute;inset:0;width:100%;height:100%}.fx-coins,.fx-flash{z-index:1}.fx-celeb,.fx-quiet,.fx-chips{z-index:2}.fx-flash{position:absolute;left:50%;top:30%;width:70vw;max-width:70vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#fff4d6,#fff4d68c 35%,#fff4d600);opacity:0;transform:translate(-50%,-50%);will-change:opacity,transform}.fx-flash[data-kind=milestone]{top:14%;width:60vw;max-width:60vw}.fx-celeb{position:absolute;left:0;right:0;top:30%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;will-change:opacity;--amt: clamp(44px, 13vw, 96px)}.fx-title{font:italic 900 calc(var(--amt) * .45) / 1.05 system-ui,sans-serif;color:#ffc857;letter-spacing:.02em;text-shadow:0 2px 0 #0B0F2A}.fx-amount{font-family:RoadsterDigits,system-ui,sans-serif;font-style:italic;font-weight:900;font-size:var(--amt);line-height:1.05;font-variant-numeric:tabular-nums;color:#ffc857;text-shadow:0 2px 0 #0B0F2A;will-change:transform}.fx-amount .fx-cur{font-family:system-ui,sans-serif}.fx-ratio{font:italic 800 calc(var(--amt) * .35) / 1.1 system-ui,sans-serif;color:#fff6ee;font-variant-numeric:tabular-nums}.fx-sub{font:700 calc(var(--amt) * .22) / 1.3 system-ui,sans-serif;color:#fff6ee;opacity:0;transition:opacity .2s linear}.fx-logo{width:22vw;max-width:22vw;height:auto;margin-top:10px;opacity:0;will-change:opacity;transition:opacity .2s linear}.fx-celeb[data-level=win]{--amt: clamp(36px, 10vw, 72px)}@media(min-aspect-ratio:1/1){.fx-celeb{--amt: clamp(44px, 11vh, 150px);transform:translateY(calc(-50% + 20px))}.fx-celeb[data-level=win]{--amt: clamp(36px, 8vh, 110px)}}.fx-quiet{position:absolute;left:0;right:0;top:30%;text-align:center;font:italic 800 clamp(22px,6vw,36px) / 1.2 system-ui,sans-serif;color:#a6fff4;opacity:0;text-shadow:0 2px 0 #0B0F2A}.fx-chips{position:absolute;inset:0}.fx-chip{position:absolute;padding:6px 12px;border-radius:999px;background:#0b0f2ae0;color:#a6fff4;white-space:nowrap;font:800 15px/1.2 system-ui,sans-serif;font-variant-numeric:tabular-nums;opacity:0;will-change:opacity,transform}.fx-chip-tag{display:inline-block;margin-left:6px;font-size:11px;color:#b3b8e0;font-weight:700}.mult{will-change:transform}.snd-btn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);z-index:6;width:44px;height:44px;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:#1410288c;color:#fff;font-size:20px;line-height:1;padding:0;cursor:pointer}.snd-btn.mus-btn{right:calc(env(safe-area-inset-right,0px) + 60px)}.snd-btn.mus-btn.off{opacity:.55;text-decoration:line-through}:root{--pink: #FF3D9A;--glass: linear-gradient(180deg, rgba(22, 27, 69, .94) 0%, rgba(11, 15, 42, .94) 100%);--rim: linear-gradient(115deg, rgba(255, 61, 154, .9) 0%, rgba(42, 47, 87, .9) 45%, rgba(24, 214, 200, .9) 100%);--lift: inset 0 1px 0 rgba(255, 246, 238, .1), 0 8px 24px rgba(11, 15, 42, .55)}.hud-top,.panel,.add-panel{border:1px solid transparent;background:var(--glass) padding-box,var(--rim) border-box;box-shadow:var(--lift)}.hud-top{position:relative}.hud-top:before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:2px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,#ff3d9a00,#ff3d9a 30%,#a6fff4 70%,#a6fff400);box-shadow:0 0 8px #ff3d9ab3}.panel-title,.status,.mode{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-title{color:var(--muted)}.balance{letter-spacing:.01em;text-shadow:0 1px 0 #0B0F2A}.stake{font-family:RoadsterDigits,system-ui,sans-serif;font-style:italic;font-weight:900;letter-spacing:.02em}.mult{text-shadow:0 2px 0 #0B0F2A,0 0 2px rgba(255,246,238,.55),0 0 16px rgba(255,61,154,.55)}.mult.m2,.mult.closed,.mult.celeb{text-shadow:0 2px 0 #0B0F2A,0 0 2px rgba(166,255,244,.6),0 0 16px rgba(24,214,200,.6)}.mult.m10,.mult.celeb10{text-shadow:0 2px 0 #0B0F2A,0 0 2px rgba(255,246,238,.6),0 0 18px rgba(255,200,87,.65)}.mult.crashed{text-shadow:0 2px 0 #0B0F2A,0 0 2px rgba(255,246,238,.4),0 0 18px rgba(255,116,104,.7)}.pill{box-shadow:inset 0 0 0 1px currentColor;background:#0b0f2a8c}.pill.own{box-shadow:inset 0 0 0 1px #18d6c8,0 0 6px #18d6c866}button{background:linear-gradient(180deg,#2a2f57,#161b45);box-shadow:inset 0 1px #fff6ee1a,inset 0 0 0 1px #b3b8e029;transition:transform 80ms ease-out,box-shadow .12s ease-out}button:disabled{background:var(--off);box-shadow:none}button:active:not(:disabled){transform:translateY(1px) scale(.98)}@media(hover:hover){button:hover:not(:disabled){box-shadow:inset 0 1px #fff6ee24,inset 0 0 0 1px #a6fff4a6,0 0 12px #18d6c84d}.main.bet.armed:hover:not(:disabled),.start:hover:not(:disabled){box-shadow:inset 0 1px #ffffff8c,0 0 22px #18d6c8b3}.main.cashout:hover:not(:disabled){box-shadow:inset 0 1px #fff9,0 0 24px #ffc857bf}}.stake-row .icon{color:#a6fff4}.chip{border-radius:999px}.chip.sel{background:linear-gradient(180deg,#a6fff4,#18d6c8);box-shadow:inset 0 1px #ffffff80,0 0 10px #18d6c873}.target{background:#0b0f2a;box-shadow:inset 0 0 0 1px #b3b8e040;font-family:RoadsterDigits,system-ui,sans-serif;font-style:italic;font-weight:900}.target:focus{outline:0;box-shadow:inset 0 0 0 1px #a6fff4,0 0 10px #18d6c859}.main{position:relative;text-transform:uppercase;letter-spacing:.04em;border-radius:14px}.main.bet.armed,.start{background:linear-gradient(180deg,#a6fff4,#18d6c8 48%,#119e94);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #0b0f2a2e,0 0 16px #18d6c873}.main.bet.armed:active:not(:disabled),.start:active:not(:disabled){background:linear-gradient(180deg,#18d6c8,#119e94)}.main.cashout{background:linear-gradient(180deg,#fff6ee -40%,#ffc857 45%,#e0a23a);box-shadow:inset 0 1px #fff9,inset 0 -2px #0b0f2a2e,0 0 18px #ffc8578c}.main.cashout:active:not(:disabled){background:linear-gradient(180deg,#ffc857,#e0a23a)}.main.cashout:after{content:"";position:absolute;inset:-3px;border-radius:16px;pointer-events:none;box-shadow:0 0 0 2px #ffc8578c,0 0 22px #ffc8578c;animation:cashPulse .9s ease-in-out infinite alternate}@keyframes cashPulse{0%{opacity:.25}to{opacity:1}}.main.idle{background:var(--off);box-shadow:inset 0 0 0 1px #b3b8e024}.result{font-weight:700;letter-spacing:.02em}.swipe-toggle,.seed-btn{background:#0b0f2ac7;box-shadow:inset 0 0 0 1px #b3b8e02e}.add-panel{color:#a6fff4;font-weight:700}.snd-btn{background:#0b0f2ac7;border-color:#a6fff459;box-shadow:0 0 8px #18d6c833}.fx-chip{box-shadow:inset 0 0 0 1px #a6fff473,0 0 10px #18d6c84d}@media(prefers-reduced-motion:reduce){.main.cashout:after{animation:none;opacity:.7}button{transition:none}}#app{height:var(--appH, 100%);bottom:auto}.stake{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:359px){.panels:has(.panel+.panel:not([hidden])) .panel{padding:4px}.panels:has(.panel+.panel:not([hidden])) .stake-row{gap:4px}.panels:has(.panel+.panel:not([hidden])) .stake-row .icon{min-width:36px;width:36px;padding:0}.panels:has(.panel+.panel:not([hidden])) .stake-row .icon{min-height:44px}.panels:has(.panel+.panel:not([hidden])) .stake{font-size:14px}.panels:has(.panel+.panel:not([hidden])) .target{width:56px}.panels:has(.panel+.panel:not([hidden])) .panel .panel-head{margin-bottom:8px}.panels:has(.panel+.panel:not([hidden])) .stake-row .icon{position:relative}.panels:has(.panel+.panel:not([hidden])) .stake-row .icon:before{content:"";position:absolute;inset:0 -4px}}.panels:has(.panel+.panel:not([hidden])) .panel-head{margin-bottom:6px}@media(orientation:portrait)and (max-width:429px){.panels:has(.panel+.panel:not([hidden])) .quick-row{flex-wrap:wrap}.panels:has(.panel+.panel:not([hidden])) .chip{flex-basis:40%;min-height:44px}}@media(orientation:landscape)and (max-height:500px){#hud{--tap: 48px;--colW: clamp(232px, calc((100vw - 320px)/2) , 320px)}.hud-top{position:absolute;left:calc(8px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));width:var(--colW);padding:4px 10px}.top-row,.recent{margin-right:0}.recent{justify-content:flex-start}.mult{font-size:32px}.status{min-height:15px;font-size:11px}.hud-bottom{position:absolute;width:auto;left:calc(8px + env(safe-area-inset-left,0px));right:calc(8px + env(safe-area-inset-right,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));align-items:stretch;gap:0}.hud-bottom>.fair,.hud-bottom>.note{display:none!important}.hud-bottom>.actions{position:absolute;right:0;bottom:56px;width:var(--colW)}.hud-bottom:has(.panel+.panel:not([hidden]))>.actions{display:none}.panels{width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:0}.panel{flex:none;width:var(--colW);padding:8px;gap:4px}.add-panel{flex:none;width:var(--colW);min-height:48px}.main{min-height:48px}.panels:has(.panel+.panel:not([hidden])) .target{width:64px}}@media(orientation:landscape)and (max-height:380px){.panels{flex-direction:row-reverse}.hud-bottom>.actions{left:0;right:auto}#hud:has(.panel+.panel:not([hidden])) .hud-top .recent{display:none}#hud:has(.panel+.panel:not([hidden])) .hud-top .mult{font-size:24px}#hud:has(.panel+.panel:not([hidden])) .hud-top .status{min-height:0}}@media(orientation:portrait)and (max-height:700px){.hud-bottom>.actions{width:fit-content;max-width:calc(100% - 60px)}}.mult{width:fit-content;max-width:100%;margin-inline:auto}@media(orientation:landscape)and (min-width:900px),(orientation:landscape)and (max-height:500px){.add-panel{border:2px dashed #2A2F57;border-radius:16px;background:#0b0f2a8c;box-shadow:none;color:#b3b8e0;font:700 18px system-ui,sans-serif}.add-panel:hover{border-color:#18d6c8}.panels:has(.panel+.panel:not([hidden])) .panel-head{margin-bottom:8px}}
