*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1a1a24;--surface3: #22222e;--glass: #1a1a24;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.04);--accent: #7c5af0;--accent2: #6441d4;--accent-dim: rgba(124,90,240,.12);--accent-glow: rgba(124,90,240,.3);--gold: #f59e0b;--green: #34d399;--red: #f87171;--text: #eeeef4;--text2: rgba(238,238,244,.45);--text3: rgba(238,238,244,.25);--radius: 16px;--radius-sm: 10px;--radius-pill: 999px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{font-family:inherit;outline:none}.page{min-height:100dvh;padding:16px 16px 80px;max-width:480px;margin:0 auto;position:relative;z-index:1}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:relative}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.gradient-title{color:var(--text)}.section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin:18px 0 10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.btn-primary{width:100%;padding:14px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;letter-spacing:.01em;color:#fff;background:var(--accent);transition:opacity .15s,transform .1s}.btn-primary:hover:not(:disabled){opacity:.88}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{padding:11px 20px;background:var(--surface2);color:var(--text);font-weight:600;font-size:14px;border-radius:var(--radius-pill);border:1px solid var(--border);transition:background .15s}.btn-ghost:active{background:var(--surface3)}.glass-input{width:100%;padding:13px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;font-weight:500;transition:border-color .2s}.glass-input:focus{border-color:#7c5af080}.glass-input::placeholder{color:var(--text3)}.amount-btn{flex:1;padding:9px 0;font-size:11px;font-weight:700;background:var(--surface2);color:var(--text2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s}.amount-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#7c5af04d}.divider{height:1px;background:var(--border);margin:10px 0}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);padding:12px 16px;color:var(--red);font-size:13px;font-weight:500;text-align:center}.success-box{background:#34d39914;border:1px solid rgba(52,211,153,.2);border-radius:var(--radius-sm);padding:12px 16px;color:var(--green);font-size:13px;font-weight:500;text-align:center}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;background:var(--accent-dim);color:var(--accent)}.result-banner{border-radius:14px;padding:18px 16px;text-align:center;margin:8px 0;animation:result-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes result-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes online-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.8);opacity:0}}@keyframes toast-slide-in{0%{transform:translate(-50%) translateY(-14px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes btn-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}[data-theme=light]{--bg: #f0f0f7;--surface: #ffffff;--surface2: #f5f5fc;--surface3: #eceaf8;--glass: #ffffff;--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.05);--accent: #6441d4;--accent2: #5232b8;--accent-dim: rgba(100,65,212,.08);--accent-glow: rgba(100,65,212,.25);--gold: #d97706;--green: #059669;--red: #dc2626;--text: #0f0f1a;--text2: rgba(15,15,26,.5);--text3: rgba(15,15,26,.32);--nav-bg: rgba(240,240,247,.97)}[data-theme=light] html,[data-theme=light] body,[data-theme=light] #root{background:var(--bg);color:var(--text)}[data-theme=light] .glass-card{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 8px #0000000f}[data-theme=light] .glass-input{background:#fff;border:1px solid rgba(0,0,0,.12);color:var(--text)}[data-theme=light] .glass-input::placeholder{color:var(--text3)}[data-theme=light] .glass-input:focus{border-color:#6441d466}[data-theme=light] .error-box{background:#dc26260d;border-color:#dc26262e}[data-theme=light] .success-box{background:#0596690d;border-color:#0596692e}[data-theme=light] .amount-btn{background:#fff;border:1px solid rgba(0,0,0,.1);color:var(--text)}[data-theme=light] .amount-btn.active{background:#6441d412;color:var(--accent);border-color:#6441d447}[data-theme=light] .btn-ghost{background:#fff;border:1px solid rgba(0,0,0,.11);color:var(--text)}[data-theme=light] .btn-ghost:active{background:#00000008}[data-theme=light] .card{background:#fff;border:1px solid rgba(0,0,0,.07)}[data-theme=light] .gradient-title{color:var(--text)}[data-theme=light] .section-title{color:var(--text3)}[data-theme=light] .section-title:after{background:var(--border)}[data-theme=light] .chip{background:#6441d414;color:var(--accent)}[data-theme=light] nav{border-top:1px solid rgba(0,0,0,.08)}[data-theme=light] .quick-action-card,[data-theme=light] .online-strip{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important}[data-theme=light] .win-card{background:#fff!important;border-color:#00000014!important}[data-theme=light] .bet-opt-btn{background:#fff!important;border-color:#0000001a!important;color:var(--text)!important}[data-theme=light] .bet-opt-btn.active{border-color:#6441d447!important}[data-theme=light] .dice-face{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .dice-face .dice-dot{background:#1a0533!important;box-shadow:none!important}