:root{--bg:#050505;--cyan:#22d3ee;--violet:#7c3aed;--gold:#fbbf24;--white:#f5f7fa;--muted:#7d8590}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--white);-webkit-font-smoothing:antialiased;font-family:SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.app{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:22px;left:24px;right:24px}.hud-group{gap:12px;display:flex}.hud-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c1099;border:1px solid #22d3ee2e;border-radius:12px;align-items:baseline;gap:8px;padding:9px 16px;display:flex}.hud-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%;align-self:center}.hud-value{letter-spacing:.5px;font-size:20px;font-weight:700}.hud-label{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:600}.sound-toggle{pointer-events:auto;width:40px;height:40px;color:var(--white);cursor:pointer;background:#0a0c1099;border:1px solid #22d3ee2e;border-radius:50%;place-items:center;transition:all .2s;display:grid}.sound-toggle:hover{border-color:var(--cyan)}.spin-wrap{z-index:10;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.spin-button{cursor:pointer;background:radial-gradient(circle at 35% 30%,#2a2f3a,#10131a 70%);border:none;border-radius:50%;width:132px;height:132px;padding:5px;transition:transform .15s;box-shadow:0 0 24px #22d3ee59,inset 0 2px 10px #ffffff14,inset 0 -6px 16px #0009,0 14px 30px #0009}.spin-button:disabled{cursor:not-allowed;opacity:.6}.spin-button-inner{background:radial-gradient(circle at 35% 30%,#0e141b,#06080c);border:2px solid #22d3ee80;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.spin-button-label{letter-spacing:4px;color:var(--cyan);text-shadow:0 0 14px var(--cyan);font-size:15px;font-weight:800}.phase-toast{letter-spacing:6px;color:var(--gold);text-shadow:0 0 30px #fbbf24b3;z-index:8;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(28px,6vw,56px);font-weight:900;position:absolute;top:20%;left:50%;transform:translate(-50%)}.bigwin-label{letter-spacing:8px;color:var(--cyan);text-shadow:0 0 34px #22d3eecc;z-index:8;pointer-events:none;font-size:clamp(30px,7vw,64px);font-weight:900;animation:.8s ease-in-out infinite pulse;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.reward-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#0304068c;place-items:center;display:grid;position:absolute;inset:0}.reward-card{text-align:center;width:min(420px,88vw);transform-style:preserve-3d;background:linear-gradient(160deg,#12161eeb,#080a0ef2);border:1px solid #22d3ee59;border-radius:22px;padding:40px 34px 30px;position:relative;box-shadow:0 0 50px #22d3ee40,0 30px 60px #0009}.reward-card.jackpot{border-color:#fbbf2499;box-shadow:0 0 70px #fbbf2480}.reward-accent{background:linear-gradient(90deg, transparent, var(--cyan), transparent);border-radius:3px;width:60px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.reward-card.jackpot .reward-accent{background:linear-gradient(90deg, transparent, var(--gold), transparent)}.reward-eyebrow{letter-spacing:4px;color:var(--muted);margin-bottom:10px;font-size:11px}.reward-headline{letter-spacing:3px;background:linear-gradient(90deg, var(--cyan), #67e8f9);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:34px;font-weight:900}.reward-card.jackpot .reward-headline{background:linear-gradient(90deg, var(--gold), #fde68a);-webkit-background-clip:text;background-clip:text}.reward-desc{color:#c8d0da;margin-bottom:26px;font-size:15px;line-height:1.5}.reward-claim{letter-spacing:2px;color:#04060a;background:linear-gradient(90deg, var(--cyan), #67e8f9);cursor:pointer;border:none;border-radius:12px;padding:14px 30px;font-size:14px;font-weight:800;box-shadow:0 0 22px #22d3ee80}.reward-card.jackpot .reward-claim{background:linear-gradient(90deg, var(--gold), #fde68a);box-shadow:0 0 26px #fbbf2499}.debug-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:15;background:#080a0ed9;border:1px solid #7c3aed66;border-radius:14px;width:190px;padding:14px;position:absolute;bottom:42px;left:24px}.debug-header{letter-spacing:2px;color:var(--violet);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;display:flex}.debug-header button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:16px}.debug-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.debug-btn{letter-spacing:1px;color:var(--white);cursor:pointer;background:#7c3aed1f;border:1px solid #7c3aed66;border-radius:8px;padding:8px;font-size:11px;font-weight:700;transition:all .15s}.debug-btn:hover{background:#7c3aed4d}@media (width<=640px){.hud{top:16px;left:16px;right:16px}.hud-chip{padding:7px 12px}.hud-value{font-size:16px}.hud-label{letter-spacing:1.5px;font-size:8px}.spin-button{width:108px;height:108px}.spin-wrap{bottom:30px}.debug-panel{width:170px;bottom:150px;left:12px}}.start-screen{z-index:60;cursor:pointer;background:radial-gradient(at 50% 40%,#22d3ee14,#0000 60%),radial-gradient(at 50% 90%,#7c3aed1a,#0000 55%),#050505;place-items:center;display:grid;position:absolute;inset:0}.start-content{text-align:center;pointer-events:none}.start-eyebrow{letter-spacing:6px;color:var(--cyan);text-transform:uppercase;opacity:.85;margin-bottom:18px;font-size:12px;font-weight:600}.start-title{letter-spacing:6px;background:linear-gradient(#fff 0%,#9fb6c9 60%,#22d3ee 100%);color:#0000;filter:drop-shadow(0 0 30px #22d3ee66);-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(64px,16vw,150px);font-weight:900;line-height:.95}.start-title b{color:var(--cyan);-webkit-text-fill-color:var(--cyan)}.start-tagline{color:#8fa4b5;letter-spacing:2px;margin-bottom:44px;font-size:clamp(14px,2.5vw,20px);font-weight:300}.start-enter{pointer-events:auto;cursor:pointer;letter-spacing:6px;color:#04060a;background:linear-gradient(90deg, var(--cyan), #67e8f9);border:none;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:22px 64px;font-size:20px;font-weight:800;transition:transform .15s;display:inline-flex;box-shadow:0 0 40px #22d3ee8c,inset 0 1px #fff6}.start-enter .enter-sub{letter-spacing:3px;opacity:.7;font-size:10px;font-weight:600}.start-enter:hover{box-shadow:0 0 60px #22d3eecc}