:root{--space: #0a0e14;--white: #f4f7fa;--blue: #2e9bff;--red: #ff5a5a;--red-bright: #ff6b6b;--red-soft: #ff8a80;--line: rgba(244, 247, 250, .1);--line-strong: rgba(244, 247, 250, .15);--dim: rgba(244, 247, 250, .45);--faint: rgba(244, 247, 250, .3);--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:clip}body{font-family:Chakra Petch,system-ui,sans-serif;color:var(--white);background:var(--space);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1.5px 1.5px at 12% 22%,rgba(244,247,250,.5),transparent 60%),radial-gradient(1.5px 1.5px at 78% 16%,rgba(244,247,250,.4),transparent 60%),radial-gradient(1px 1px at 34% 68%,rgba(244,247,250,.4),transparent 60%),radial-gradient(1.5px 1.5px at 62% 78%,rgba(244,247,250,.35),transparent 60%),radial-gradient(1px 1px at 88% 54%,rgba(244,247,250,.4),transparent 60%),radial-gradient(1px 1px at 20% 88%,rgba(244,247,250,.3),transparent 60%),radial-gradient(1.5px 1.5px at 50% 34%,rgba(244,247,250,.3),transparent 60%),radial-gradient(1px 1px at 6% 60%,rgba(244,247,250,.3),transparent 60%),radial-gradient(ellipse 120% 90% at 50% 35%,transparent 55%,rgba(10,14,20,.6))}.app{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center}button{font-family:inherit;-webkit-tap-highlight-color:transparent}button:not(:disabled){cursor:pointer}.num,[class*=-val],.read-value,.rung-mult,.rung-amt{font-variant-numeric:tabular-nums}.read-label,.chip .label,.login-tag,.rung-step,.banner-hint,.mock-pill,.brand small,.cash-btn span{text-transform:uppercase;letter-spacing:.16em}.login{margin-top:min(14vh,120px);width:min(360px,calc(100vw - 40px));text-align:center;padding:30px 26px 26px;background:#0a0e148c;border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.login-coin{filter:drop-shadow(0 0 22px rgba(255,90,90,.5)) drop-shadow(0 0 60px rgba(255,90,90,.28));animation:coin-bob 4.5s ease-in-out infinite}.login-title{font-weight:700;font-size:34px;letter-spacing:.2em;text-transform:uppercase;margin:14px 0 0;color:var(--white);text-shadow:0 0 20px rgba(46,155,255,.3)}.login-tag{margin:4px 0 16px;font-size:11px;color:var(--faint)}.login p{color:var(--dim);font-size:14px;line-height:1.5}.login h2{font-weight:700;letter-spacing:.04em;color:var(--white)}.field{width:100%;padding:13px 14px;margin:12px 0 10px;font:inherit;font-size:16px;color:var(--white);background:#f4f7fa0d;border:1px solid var(--line);border-radius:10px;outline:none}.field:focus{border-color:#2e9bff80;box-shadow:0 0 0 3px #2e9bff1f}.primary{width:100%;padding:14px;font:inherit;font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--space);background:var(--blue);border:none;border-radius:12px;box-shadow:0 0 26px #2e9bff80,0 0 70px #2e9bff40;transition:box-shadow .14s}.primary:hover:not(:disabled){box-shadow:0 0 34px #2e9bffb3,0 0 90px #2e9bff59}.primary:not(:disabled):active{transform:translateY(1px)}.primary:disabled{opacity:.4}.err{color:var(--dim);font-size:13px;min-height:18px;margin-top:8px}.muted{color:var(--dim)}.mock-pill{display:inline-block;margin-top:14px;padding:4px 12px;font-size:10px;color:var(--faint);border:1px solid var(--line);border-radius:999px}.game{width:100%;max-width:1020px;min-height:100dvh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.brand{font-weight:700;font-size:clamp(20px,4.5vw,30px);letter-spacing:.16em;text-transform:uppercase;margin:0;color:var(--white);text-shadow:0 0 18px rgba(46,155,255,.25)}.brand small{display:block;font-size:10px;font-weight:500;color:var(--faint)}.hud{display:flex;align-items:center;gap:10px}.chip{display:flex;align-items:baseline;gap:8px;padding:8px 14px;background:#0a0e148c;border:1px solid var(--line);border-radius:999px}.chip .label{font-size:10px;font-weight:500;color:var(--faint);white-space:nowrap}.chip .val{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--white);transition:color .2s ease}.chip .val.crediting{color:var(--blue);animation:bal-credit .7s ease-out}@keyframes bal-credit{0%,to{text-shadow:none}30%{text-shadow:0 0 12px rgba(46,155,255,.75),0 0 28px rgba(46,155,255,.45)}}.link-btn{min-width:36px;min-height:36px;background:none;border:1px solid var(--line);border-radius:10px;color:var(--dim);font-size:15px;transition:color .14s,border-color .14s}.link-btn:hover{color:var(--white);border-color:var(--line-strong)}.table{flex:1;min-height:0;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vh,18px);padding:8px 0}.readout{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:86px;text-align:center}.read-label{font-size:11px;font-weight:700;color:var(--faint)}.read-value{font-weight:700;font-size:clamp(30px,8vw,48px);line-height:1.1;font-variant-numeric:tabular-nums;color:var(--white);text-shadow:0 0 10px rgba(46,155,255,.55),0 0 30px rgba(46,155,255,.35),0 0 70px rgba(46,155,255,.2)}.read-value.won{text-shadow:0 0 14px rgba(46,155,255,.7),0 0 44px rgba(46,155,255,.45),0 0 100px rgba(46,155,255,.28)}.read-sub{font-size:12px;letter-spacing:.02em;color:var(--dim);min-height:18px}.coin-scene{position:relative;width:clamp(150px,min(52vw,26dvh),240px);aspect-ratio:1;perspective:900px}.coin-float{position:absolute;top:0;right:0;bottom:0;left:0;animation:coin-bob 4.5s ease-in-out infinite;transform-style:preserve-3d}@keyframes coin-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.coin{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;will-change:transform}.face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.face.heads{box-shadow:0 0 12px #ff5a5a8c,0 0 34px #ff5a5a59,0 0 78px #ff5a5a33}.face.tails{transform:rotateX(180deg);box-shadow:0 0 12px #2e9bff8c,0 0 34px #2e9bff59,0 0 78px #2e9bff33}.face svg{display:block}.shard{position:absolute;border-radius:2px;pointer-events:none;z-index:5}.pips{display:flex;gap:7px;min-height:22px}.pip{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;border:1px solid var(--line);color:var(--dim)}.pip.won.heads{color:var(--red-soft);border-color:#ff5a5a66;background:#ff5a5a17;text-shadow:0 0 8px rgba(255,90,90,.55)}.pip.won.tails{color:var(--blue);border-color:#2e9bff66;background:#2e9bff17;text-shadow:0 0 8px rgba(46,155,255,.55)}.pip.lost{color:var(--dim);border-color:var(--line-strong)}.pip.empty.up{border-color:var(--line-strong);animation:pip-pulse 1.3s ease-in-out infinite}@keyframes pip-pulse{0%,to{box-shadow:0 0 #2e9bff00}50%{box-shadow:0 0 10px 1px #2e9bff66}}.fair{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim);min-height:18px}.fair code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--dim);background:#f4f7fa0d;border:1px solid var(--line);border-radius:6px;padding:1px 7px;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fair-verify{background:none;border:none;padding:0;font:inherit;font-size:11px;color:var(--white);text-decoration:underline dotted}.fair-idle{letter-spacing:.02em}.ladder{display:flex;gap:7px;overflow-x:auto;padding:10px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ladder::-webkit-scrollbar{display:none}.rung{flex:0 0 auto;min-width:78px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 9px;border:1px solid var(--line);border-radius:11px;background:#0a0e1466;position:relative}.rung-step{font-size:9px;font-weight:700;color:var(--faint)}.rung-mult{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--white)}.rung-amt{font-size:10px;font-variant-numeric:tabular-nums;color:var(--dim)}.rung.done{opacity:.4}.rung.done .rung-mult{color:var(--dim)}.rung.current{border-color:#2e9bff80;background:#2e9bff14;box-shadow:0 0 18px #2e9bff4d;animation:rung-ignite .48s cubic-bezier(.34,1.56,.64,1)}.rung.current .rung-mult{color:var(--blue);text-shadow:0 0 10px rgba(46,155,255,.55)}@keyframes rung-ignite{0%{transform:scale(.86)}60%{transform:scale(1.08)}to{transform:scale(1)}}.rung.next{border-color:var(--line-strong)}.rung.next:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:11px;border:1px solid rgba(46,155,255,.5);opacity:0;animation:next-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes next-pulse{0%,to{opacity:0}50%{opacity:.9;box-shadow:0 0 12px #2e9bff47}}.rung.next .rung-mult{color:var(--white)}.rung.top{border-color:var(--line-strong)}.rung.top .rung-step{color:var(--white)}.rung.top:not(.current) .rung-mult{color:var(--white);text-shadow:0 0 12px rgba(244,247,250,.35)}.controls{position:relative;display:flex;flex-direction:column;gap:10px;padding-top:6px}.toast{position:absolute;top:-34px;left:50%;transform:translate(-50%);padding:6px 16px;font-size:13px;color:var(--white);background:#0a0e14d9;border:1px solid var(--line-strong);border-radius:999px;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:toast-in .22s ease-out;z-index:20}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.topup{align-self:center;padding:9px 20px;font:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--white);background:#f4f7fa12;border:1px solid var(--line-strong);border-radius:999px;transition:background .14s}.topup:hover{background:#f4f7fa21}.pick-row{display:flex;gap:10px}.pick{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:8px 12px;font:inherit;font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:#f4f7fa0a;border:1px solid var(--line);border-radius:14px;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease,background .16s ease}.pick svg{opacity:.5;transition:opacity .16s ease}.pick.on svg{opacity:1}.pick.on{color:var(--white)}.pick.heads.on{color:var(--red-soft);border-color:#ff5a5a73;box-shadow:0 0 14px #ff5a5a47;text-shadow:0 0 12px rgba(255,90,90,.4)}.pick.tails.on{color:var(--blue);border-color:#2e9bff73;box-shadow:0 0 14px #2e9bff47;text-shadow:0 0 12px rgba(46,155,255,.4)}.pick:disabled{opacity:.55}.bet-row{display:flex;gap:8px;align-items:stretch}.step-btn{flex:0 0 44px;min-height:40px;font:inherit;font-size:18px;font-weight:700;color:var(--dim);background:#f4f7fa0d;border:1px solid var(--line);border-radius:12px;transition:color .12s}.step-btn:hover:not(:disabled){color:var(--white)}.step-btn:disabled{opacity:.35}.bet-chips{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.bet-chips::-webkit-scrollbar{display:none}.bet-chip{flex:1 0 auto;min-width:52px;padding:0 10px;min-height:40px;font:inherit;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:999px;transition:color .14s ease,border-color .14s ease,background .14s ease}.bet-chip.on{color:var(--white);border-color:var(--line-strong);background:#f4f7fa14}.bet-chip:disabled{opacity:.55}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flip-btn{width:100%;min-height:58px;font:inherit;font-weight:700;font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:var(--white);background:#f4f7fa12;border:1px solid var(--line-strong);border-radius:16px;transition:background .14s ease,opacity .14s ease}.flip-btn:hover:not(:disabled):not(.stopping){background:#f4f7fa21}.flip-btn:not(:disabled):active{transform:translateY(1px)}.flip-btn:disabled{opacity:.4}.flip-btn.stopping{color:var(--dim);background:#f4f7fa0a;border-color:var(--line)}.cash-btn{width:100%;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;font:inherit;color:var(--space);background:var(--blue);border:none;border-radius:16px;box-shadow:0 0 26px #2e9bff80,0 0 70px #2e9bff40;transition:box-shadow .14s ease}.cash-btn:hover:not(:disabled){box-shadow:0 0 34px #2e9bffb3,0 0 90px #2e9bff59}.cash-btn span{font-size:11px;font-weight:700;opacity:.75}.cash-btn b{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.cash-btn:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:18px;box-shadow:0 0 26px 4px #2e9bff73;opacity:0;animation:cash-pulse 1.7s ease-in-out infinite;pointer-events:none}@keyframes cash-pulse{0%,to{opacity:0}50%{opacity:1}}.cash-btn:disabled{color:var(--dim);background:#f4f7fa09;border:1px solid var(--line);box-shadow:none;opacity:1}.cash-btn:disabled span{opacity:.55}.cash-btn:disabled b{color:var(--faint)}.cash-btn:disabled:after{animation:none}.cash-btn:not(:disabled):active{transform:translateY(1px)}.banner-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#0a0e14bd;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:layer-in .2s ease-out;cursor:pointer}@keyframes layer-in{0%{opacity:0}to{opacity:1}}.banner{position:relative;text-align:center;padding:20px 40px 26px;animation:banner-pop .46s cubic-bezier(.34,1.56,.64,1)}@keyframes banner-pop{0%{opacity:0;transform:scale(.6) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.banner-title{font-weight:700;font-size:clamp(38px,10vw,72px);letter-spacing:.08em;text-transform:uppercase;line-height:1.05;color:var(--white);text-shadow:0 0 12px rgba(46,155,255,.6),0 0 40px rgba(46,155,255,.35),0 0 90px rgba(46,155,255,.2)}.banner-mult{font-weight:700;font-size:clamp(30px,8vw,54px);font-variant-numeric:tabular-nums;color:var(--blue);text-shadow:0 0 30px rgba(46,155,255,.55);margin-top:6px}.banner-amount{font-size:clamp(18px,5vw,26px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--white);margin-top:4px}.banner-sub{margin-top:10px;font-size:14px;color:var(--dim)}.banner-hint{margin-top:22px;font-size:11px;color:var(--faint);animation:hint-fade 1.8s ease-in-out infinite}@keyframes hint-fade{0%,to{opacity:.4}50%{opacity:.9}}.tier-big .banner:before{content:"";position:absolute;top:-160px;right:-160px;bottom:-160px;left:-160px;z-index:-1;background:radial-gradient(circle,rgba(46,155,255,.22),transparent 62%);border-radius:50%}.tier-big .banner-title{font-size:clamp(44px,12vw,86px)}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:20px;background:#0a0e14b3;animation:layer-in .16s ease-out}.modal{width:min(520px,100%);max-height:min(78dvh,640px);overflow-y:auto;padding:22px 24px 26px;background:#0a0e14d9;border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:banner-pop .3s cubic-bezier(.34,1.4,.64,1)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal h2{font-weight:700;font-size:20px;letter-spacing:.03em;margin:0;color:var(--white)}.modal h3{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin:20px 0 6px}.modal p{font-size:14px;line-height:1.6;color:var(--dim);margin:6px 0}.ladder-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.ladder-table th{text-align:left;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:4px 8px;border-bottom:1px solid var(--line)}.ladder-table td{padding:4px 8px;border-bottom:1px solid var(--line);color:var(--white)}.ladder-table tr:last-child td{color:var(--blue);font-weight:700;border-bottom:none}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (min-width: 900px){.game{padding-top:20px}.topbar{margin-bottom:14px}.table{flex-direction:row;gap:26px;align-items:stretch}.stage{flex:1}.ladder{flex-direction:column-reverse;overflow:visible;padding:0;width:176px;justify-content:flex-end;gap:6px}.rung{flex-direction:row;justify-content:space-between;min-width:0;padding:8px 13px}.rung-step{width:28px}.rung-mult{font-size:14px}.rung-amt{font-size:11px}.controls{width:min(640px,100%);align-self:center;margin-right:202px}.coin-scene{width:clamp(200px,30vh,280px)}}@media (max-width: 899px){.table{gap:2px}}@media (prefers-reduced-motion: reduce){.coin-float,.cash-btn:after,.rung.next:after,.pip.empty.up,.banner-hint,.login-coin{animation:none}.banner,.modal{animation:layer-in .14s ease-out}.rung.current{animation:none}}