*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060609;--surface: rgba(255,255,255,.04);--surface2: rgba(255,255,255,.07);--surface3: rgba(255,255,255,.11);--glass: rgba(255,255,255,.055);--border: rgba(255,255,255,.09);--border2: rgba(255,255,255,.05);--accent: #a78bfa;--accent2: #7c3aed;--accent-dim: rgba(167,139,250,.13);--accent-glow: rgba(167,139,250,.4);--gold: #f59e0b;--green: #4ade80;--red: #f87171;--text: #f1f5f9;--text2: rgba(241,245,249,.42);--text3: rgba(241,245,249,.22);--radius: 20px;--radius-sm: 12px;--radius-pill: 999px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 110% 55% at 50% -5%,rgba(109,40,217,.22) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 95% 15%,rgba(59,130,246,.09) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 5% 80%,rgba(139,92,246,.07) 0%,transparent 50%)}body:after{content:"";position:fixed;top:-120px;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.1) 0%,transparent 70%);pointer-events:none;z-index:0;animation:orb-breathe 8s ease-in-out infinite}@keyframes orb-breathe{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.15);opacity:.7}}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:linear-gradient(145deg,#ffffff14,#ffffff08);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:16px;box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff24,inset 0 -1px #0003;position:relative}.card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:16px}.gradient-title{background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text2);margin:18px 0 9px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.btn-primary{width:100%;padding:16px;border-radius:var(--radius-pill);font-size:15px;font-weight:800;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#6d28d9,#a78bfa,#6d28d9);background-size:200% 100%;animation:btn-gradient 4s ease infinite;box-shadow:0 0 0 1px #a78bfa4d,0 0 20px #7c3aed73,0 4px 16px #00000059;transition:box-shadow .2s,transform .1s}.btn-primary:hover:not(:disabled){box-shadow:0 0 0 1px #a78bfa80,0 0 32px #a78bfa99,0 4px 20px #00000059}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;animation:none}@keyframes btn-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.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,box-shadow .15s}.btn-ghost:active{background:var(--glass)}.glass-input{width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--text);font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s}.glass-input:focus{border-color:#a78bfa8c;box-shadow:0 0 0 3px #a78bfa1f,0 0 12px #a78bfa26}.glass-input::placeholder{color:var(--text3)}.amount-btn{flex:1;padding:9px 0;font-size:11px;font-weight:800;background:var(--surface);color:var(--text2);border:1px solid var(--border2);border-radius:10px;cursor:pointer;transition:all .15s;letter-spacing:.02em}.amount-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#a78bfa4d;box-shadow:0 0 8px #a78bfa33}.divider{height:1px;background:var(--border2);margin:10px 0}.spinner{width:28px;height:28px;border:3px 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:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-sm);padding:12px 16px;color:var(--red);font-size:13px;font-weight:600;text-align:center}.success-box{background:#4ade801a;border:1px solid rgba(74,222,128,.25);border-radius:var(--radius-sm);padding:12px 16px;color:var(--green);font-size:13px;font-weight:600;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:700;background:var(--accent-dim);color:var(--accent)}.result-banner{border-radius:18px;padding:20px 16px;text-align:center;margin:8px 0;animation:result-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes result-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 28px var(--accent-glow),0 0 50px #a78bfa26}}@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}}[data-theme=light]{--bg: #ecedf5;--surface: #ffffff;--surface2: #f5f5fb;--surface3: #ededf6;--glass: rgba(255,255,255,.96);--border: rgba(0,0,0,.1);--border2: rgba(0,0,0,.08);--accent: #7c3aed;--accent2: #6d28d9;--accent-dim: rgba(124,58,237,.1);--accent-glow: rgba(124,58,237,.35);--gold: #d97706;--green: #16a34a;--red: #dc2626;--text: #0f0f1a;--text2: rgba(15,15,26,.55);--text3: rgba(15,15,26,.38);--nav-bg: rgba(236,237,245,.97)}[data-theme=light] body:before{background:radial-gradient(ellipse 110% 55% at 50% -5%,rgba(124,58,237,.08) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 95% 15%,rgba(59,130,246,.04) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 5% 80%,rgba(139,92,246,.03) 0%,transparent 50%)}[data-theme=light] body:after{background:radial-gradient(circle,rgba(124,58,237,.05) 0%,transparent 70%)}[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,.07);box-shadow:0 2px 16px #00000012,0 1px 3px #0000000a;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .gradient-title{background:linear-gradient(135deg,#1a0533 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .glass-input{background:#fff;border:1px solid rgba(0,0,0,.12);color:var(--text);box-shadow:inset 0 1px 3px #0000000d}[data-theme=light] .glass-input::placeholder{color:var(--text3)}[data-theme=light] .glass-input:focus{border-color:#7c3aed73;box-shadow:0 0 0 3px #7c3aed1a}[data-theme=light] .error-box{background:#dc26260f;border-color:#dc262633}[data-theme=light] .success-box{background:#16a34a0f;border-color:#16a34a33}[data-theme=light] .amount-btn{background:#fff;border:1px solid rgba(0,0,0,.1);color:var(--text);box-shadow:0 1px 4px #0000000f}[data-theme=light] .amount-btn:hover{border-color:#7c3aed40;background:#7c3aed0a}[data-theme=light] .amount-btn.active{background:#7c3aed14;color:var(--accent);border-color:#7c3aed4d}[data-theme=light] .btn-ghost{background:#fff;border:1px solid rgba(0,0,0,.12);color:var(--text);box-shadow:0 1px 4px #0000000f}[data-theme=light] .btn-ghost:active{background:#00000008}[data-theme=light] .card{background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 12px #0000000f}[data-theme=light] .section-title{color:var(--text2)}[data-theme=light] .section-title:after{background:linear-gradient(90deg,var(--border),transparent)}[data-theme=light] .result-banner{background:#7c3aed0f;border-color:#7c3aed26}[data-theme=light] .chip{background:#7c3aed14;color:var(--accent)}[data-theme=light] nav{border-top:1px solid rgba(0,0,0,.08);color:var(--text)}[data-theme=light] .bet-opt-btn{background:#fff!important;border-color:#0000001c!important;color:var(--text)!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .bet-opt-btn.active{border-color:#7c3aed4d!important;box-shadow:0 2px 14px #7c3aed2e!important}[data-theme=light] .dice-face{background:linear-gradient(145deg,#fff,#f2f2fa)!important;border:1px solid rgba(0,0,0,.09)!important;box-shadow:0 4px 16px #00000017,inset 0 1px #fff!important}[data-theme=light] .dice-face .dice-dot{background:#1a0533!important;box-shadow:none!important}