@font-face{font-family:Gotham;src:url('../../fonts/GothamPro-Medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Gotham;src:url('../../fonts/GothamPro-Bold.woff') format('woff');font-weight:800;font-display:swap}
:root{--ink:#ecfff7;--muted:#83a39c;--panel:#091e27;--panel2:#0d2832;--line:#20434a;--acid:#83f63b;--mint:#30e7a0;--cyan:#42c9ef;--amber:#ffcf50;--danger:#ff4c56;--void:#041016}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--void);color:var(--ink);font-family:Gotham,Tahoma,sans-serif}body{overflow-x:hidden;background:radial-gradient(circle at 50% -20%,#163840 0,#071920 44%,#030b10 100%)}button,input{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.065;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.game-shell{width:min(1500px,100%);margin:auto;padding:14px 18px 12px}.topbar{height:66px;display:flex;align-items:center;gap:18px;direction:ltr}.brand{display:flex;align-items:center;gap:10px;min-width:235px}.brand-mark{width:49px;height:49px;border:1px solid #466d52;border-radius:14px;background:linear-gradient(145deg,#182c26,#07130f);display:flex;align-items:end;justify-content:center;gap:3px;padding:10px;box-shadow:inset 0 0 18px #122d22,0 0 24px #64ff8630}.brand-mark i{width:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(#b7ff60,#34dd73);box-shadow:0 0 7px #70ff89}.brand-mark i:nth-child(1){height:20px;transform:rotate(-16deg)}.brand-mark i:nth-child(2){height:28px}.brand-mark i:nth-child(3){height:17px;transform:rotate(13deg)}.brand-copy{display:grid;line-height:.82;transform:skew(-6deg)}.brand-copy b{font-size:19px;color:#eefdea;letter-spacing:2px;text-shadow:0 0 12px #98ff9d99}.brand-copy strong{font-size:25px;color:var(--acid);letter-spacing:-.5px;text-shadow:0 2px #173f1e,0 0 18px #65f23255}.demo-tag{align-self:flex-start;margin-top:9px;font-size:8px;background:#2b4742;color:#b9ddd4;padding:3px 5px;border-radius:3px}.history-wrap{display:flex;align-items:center;min-width:0;flex:1;gap:12px}.history-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);white-space:nowrap}.history{display:flex;gap:7px;overflow:hidden;direction:ltr}.history-chip{min-width:61px;text-align:center;border-radius:16px;padding:7px 11px;color:#bdd2ce;font-weight:800;font-size:12px;background:#112b33;border:1px solid #274951;box-shadow:inset 0 -7px 14px #02121966}.history-chip.hot{color:#071310;background:linear-gradient(135deg,#b8ff51,#46dc60);border-color:#c6ff79}.history-chip.mid{color:#07232b;background:linear-gradient(135deg,#78eaff,#259cd0);border-color:#67d9f4}.history-chip.low{color:#a6c6c4}.wallet{margin-left:auto;text-align:right;direction:rtl;min-width:150px}.wallet span{font-size:10px;color:var(--muted)}.wallet strong{display:block;font-size:17px;color:#f6fff9}.wallet small{font-size:9px;color:#7aa399}.icon-button{border:1px solid var(--line);background:#0c252d;color:#8fb9b0;border-radius:12px;width:42px;height:42px;padding:10px;cursor:pointer}.icon-button svg{fill:currentColor}.icon-button.muted{color:#ff6970}.stage-card{height:min(58vh,650px);min-height:430px;position:relative;overflow:hidden;border:1px solid #25464a;border-radius:23px 23px 12px 12px;background:#07181f;box-shadow:0 24px 80px #000a,inset 0 0 50px #16413855}.stage-card canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 54% 42%,transparent 26%,#00101538 65%,#01070bba 110%),linear-gradient(180deg,#00111675 0,transparent 22%,transparent 65%,#020d12a8 100%)}.scene-copy{position:absolute;top:30px;left:35px;direction:ltr;text-align:left}.round-state{display:flex;align-items:center;gap:8px;color:#98beb4;font-size:11px;text-transform:uppercase;letter-spacing:1px}.round-state span{width:8px;height:8px;background:var(--mint);border-radius:99px;box-shadow:0 0 12px var(--mint)}.multiplier{font-size:clamp(64px,8vw,122px);font-weight:800;line-height:.96;letter-spacing:-6px;color:#eaffdf;text-shadow:0 4px 0 #315a46,0 0 45px #8aff5955;transition:color .2s}.status-copy{color:#9fb9b0;font-size:13px;margin-top:12px;letter-spacing:.2px}.lab-sign{position:absolute;right:27px;top:23px;color:#45615d;font-size:10px;letter-spacing:2px;direction:ltr}.lab-sign b{color:#bcf55f}.countdown-ring{position:absolute;left:50%;top:32px;width:64px;height:64px;transform:translateX(-50%);display:grid;place-items:center;filter:drop-shadow(0 0 14px #7dff6255)}.countdown-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.countdown-ring circle{fill:#081a1f99;stroke:#29483f;stroke-width:2}.countdown-ring circle:last-child{fill:none;stroke:var(--acid);stroke-width:3;stroke-linecap:round;stroke-dasharray:144.5;stroke-dashoffset:0}.countdown-ring span{font-size:20px;font-weight:800}.countdown-ring.hidden{opacity:0}.crash-flash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:scale(.85);transition:.35s;background:radial-gradient(circle,#ff293629,transparent 45%);text-shadow:0 4px 25px #000}.crash-flash.show{opacity:1;transform:scale(1)}.crash-flash b{font-size:clamp(28px,4vw,58px);color:#ff6971}.crash-flash span{font-size:clamp(18px,2vw,30px);color:#ffd8d9;margin-top:8px}.scene-footer{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;color:#66857f;font-size:10px;direction:ltr}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--danger);box-shadow:0 0 9px var(--danger);margin-right:5px}.control-deck{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;direction:rtl}.bet-card{position:relative;background:linear-gradient(145deg,#0d2832,#071b23);border:1px solid #28505a;border-radius:14px;box-shadow:inset 0 1px #ffffff0b,0 10px 25px #0005;overflow:hidden}.bet-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 0}.segment{display:flex;background:#06161d;border:1px solid #1b3d46;border-radius:9px;padding:3px}.segment button{color:#648a84;border:0;background:transparent;border-radius:6px;padding:5px 14px;font-size:10px;cursor:pointer}.segment button.active{background:#214751;color:#dcfff7}.auto-cash{display:flex;align-items:center;gap:8px;color:#8aaba5;font-size:10px;cursor:pointer}.auto-cash input{position:absolute;opacity:0}.auto-cash i{width:31px;height:17px;border-radius:12px;background:#07171d;border:1px solid #33545a;position:relative}.auto-cash i:after{content:"";position:absolute;width:11px;height:11px;top:2px;right:2px;border-radius:50%;background:#63817d;transition:.2s}.auto-cash input:checked+i{background:#153e29;border-color:#58ce60}.auto-cash input:checked+i:after{right:16px;background:var(--acid);box-shadow:0 0 8px var(--acid)}.bet-body{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(120px,.75fr) minmax(150px,.85fr);gap:9px;align-items:end;padding:8px 10px 10px}.amount-block>span,.cashout-block>span{display:block;color:#83a29e;font-size:9px;margin:0 3px 5px}.amount-input{height:42px;display:grid;grid-template-columns:38px 1fr 38px;background:#04151b;border:1px solid #24454d;border-radius:10px;overflow:hidden}.amount-input input,.cashout-input input{min-width:0;width:100%;text-align:center;border:0;outline:0;background:transparent;color:white;font-size:16px;font-weight:800;direction:ltr}.step{border:0;background:#153640;color:#71c5b4;font-size:20px;cursor:pointer}.step:hover{background:#1e4a52;color:white}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px}.chips button{border:1px solid #214550;background:#10333c;color:#6da49b;border-radius:6px;font-size:8px;padding:3px;cursor:pointer}.cashout-input{height:42px;display:flex;align-items:center;padding:0 10px;background:#04151b;border:1px solid #24454d;border-radius:10px;color:#68a397;direction:ltr}.action-button{height:55px;border:1px solid #a9ff5e;color:#0b2717;border-radius:11px;background:linear-gradient(180deg,#b9ff50,#4cdd58);box-shadow:inset 0 2px #e8ffc2,0 0 18px #75ee5455;cursor:pointer;font-weight:800;transition:transform .15s,filter .15s}.action-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.action-button span,.action-button small{display:block}.action-button small{font-size:9px;font-weight:500;margin-top:3px}.action-button.cancel{background:linear-gradient(#ffe074,#eaa625);border-color:#ffe390}.action-button.cashout{background:linear-gradient(#83ebff,#30b7e3);border-color:#9af0ff;box-shadow:inset 0 2px #d8faff,0 0 18px #4fd9ff55}.action-button:disabled{filter:grayscale(.8);opacity:.55;cursor:not-allowed;transform:none}.bet-result{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:#07171eef;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;color:#baf7e7}.bet-result.show{opacity:1;transform:none}.bet-result b{font-size:17px;color:var(--acid)}.disclaimer{text-align:center;color:#47645e;font-size:9px;padding:10px}.shake{animation:shake .4s}@keyframes shake{20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
@media(max-width:950px){.game-shell{padding:8px}.topbar{height:auto;flex-wrap:wrap;padding:8px 2px;gap:10px}.brand{min-width:auto}.brand-mark{width:42px;height:42px}.brand-copy strong{font-size:20px}.history-wrap{order:3;width:100%;flex-basis:100%}.wallet{margin-left:auto}.stage-card{height:54vh;min-height:380px}.control-deck{grid-template-columns:1fr}.bet-body{grid-template-columns:1.3fr .7fr 150px}}
@media(max-width:570px){.game-shell{padding:0}.topbar{padding:8px 10px}.brand-mark{display:none}.demo-tag,.history-label{display:none}.brand{min-width:142px}.wallet{min-width:100px}.wallet span{display:none}.wallet strong{font-size:14px}.icon-button{width:36px;height:36px}.history{gap:5px}.history-chip{min-width:54px;padding:6px 8px}.stage-card{height:51vh;min-height:355px;border-radius:0}.scene-copy{top:22px;left:18px}.multiplier{font-size:62px;letter-spacing:-4px}.countdown-ring{top:115px}.lab-sign{display:none}.scene-footer{left:12px;right:12px}.scene-footer span:last-child{display:none}.control-deck{padding:0 7px}.bet-body{grid-template-columns:1fr 110px}.cashout-block{grid-column:2}.action-button{grid-column:1/-1;height:50px}.bet-card:nth-child(2){display:none}.disclaimer{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.fair-button{border:1px solid #31534a;background:#102921;color:#a7c9bb;border-radius:18px;padding:7px 11px;font-size:9px;white-space:nowrap;cursor:pointer}.fair-button i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 9px var(--acid);margin-left:5px}.fair-button:hover{color:#edfff7;border-color:#6b9a7e}.round-state span.offline{background:#ffb13d;box-shadow:0 0 12px #ff9c31}.fair-dialog{width:min(560px,calc(100% - 28px));border:1px solid #3d675a;border-radius:18px;color:#eafff5;background:linear-gradient(145deg,#102a30,#07171d);box-shadow:0 30px 100px #000d;padding:28px;direction:rtl}.fair-dialog::backdrop{background:#01090dcf;backdrop-filter:blur(8px)}.dialog-close{position:absolute;left:13px;top:12px;width:32px;height:32px;border-radius:10px;border:1px solid #34565a;background:#0b2027;color:#98b9b2;font-size:20px;cursor:pointer}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--acid)}.fair-dialog h2{font-size:24px;margin:7px 0 9px}.fair-dialog p{font-size:11px;color:#8facaa;line-height:2;margin:0 0 18px}.fair-dialog label{display:block;color:#70938c;font-size:9px;margin:8px 0}.fair-dialog code{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;color:#d8fff0;background:#05151b;border:1px solid #24454b;border-radius:8px;padding:9px;margin-top:4px}.verify-state{display:block;margin-top:15px;border-radius:9px;padding:10px;text-align:center;font-size:11px;background:#182d2c;color:#9db9b3}.verify-state.valid{background:#173c29;color:#aaff79}.verify-state.invalid{background:#481e26;color:#ff9aa0}.verify-state.pending{color:#ffdb7a}
@media(max-width:570px){.fair-button{display:none}}
