:root{--bg: #1a0a36;--bg2: #2a1248;--gold: #ffd700;--gold-deep: #b8860b;--gold-light: #fff5b8;--mystic: #d946ef;--fg: #f5f0ff;--fg-dim: rgba(245,240,255,.7);--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{font-family:Manrope,system-ui,sans-serif;color:var(--fg);background:radial-gradient(ellipse at top,#4a1f7a,#1f0a4d,#0e0524);background-attachment:fixed;overflow-x:hidden}.font-display{font-family:Cinzel Decorative,Cinzel,serif;letter-spacing:.02em}.stars:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.7;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 40%,#ffd700,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent),radial-gradient(1px 1px at 80% 80%,#fff,transparent),radial-gradient(2px 2px at 90% 20%,#ffb6f9,transparent),radial-gradient(1px 1px at 10% 60%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 15%,#b9b3ff,transparent)}main{position:relative;z-index:1;padding:32px 16px 48px;max-width:960px;margin:0 auto;text-align:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,215,0,.4);background:#ffffff0d;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#ffffffd9}h1{font-family:Cinzel Decorative,serif;font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.1;margin:8px 0}.shimmer-text{background:linear-gradient(90deg,#c9a227,#fff5b8,gold,#fff5b8,#c9a227);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 4s linear infinite}.subtitle{color:var(--fg-dim);font-size:13px;max-width:520px;margin:0 auto 16px}.prize-banner{position:relative;max-width:640px;margin:0 auto 16px;padding:16px 22px;border-radius:18px;display:flex;align-items:center;gap:16px;text-align:left;background:linear-gradient(135deg,#ffd70026,#d946ef26);border:2px solid rgba(255,215,0,.4);box-shadow:0 0 40px #ffd70059,inset 0 0 30px #ffd7001a}.prize-banner .icon{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle,gold,#b8860b);box-shadow:0 0 20px gold;flex-shrink:0;color:#2a1248;font-size:24px;font-weight:900}.prize-banner .label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}.prize-banner .title{font-family:Cinzel Decorative,serif;font-size:18px;font-weight:700}.prize-banner .sub{font-size:12px;color:var(--fg-dim);margin-top:2px}.wheel-wrap{position:relative;margin:16px auto;width:min(92vw,70vh,500px)}.wheel-wrap .halo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;filter:blur(40px);opacity:.6;z-index:-1;background:radial-gradient(circle,rgba(255,215,0,.5),rgba(217,70,239,.3) 40%,transparent 70%)}.pointer{position:absolute;left:50%;transform:translate(-50%);top:-8px;z-index:20;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.wheel{position:relative;aspect-ratio:1}.wheel svg.outer,.wheel svg.inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wheel svg.inner{pointer-events:none;transform-origin:50% 50%}.spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:26%;aspect-ratio:1;border-radius:50%;border:4px solid #5a3d00;cursor:pointer;background:radial-gradient(circle at 30% 30%,#fff5b8,gold 40%,#b8860b);box-shadow:0 0 30px 4px #ffd700b3,inset 0 -8px 20px #0000004d,inset 0 4px 10px #ffffff80;font-family:Cinzel Decorative,serif;font-weight:900;font-size:clamp(14px,2.4vw,20px);color:#2a1248;animation:pulseGlow 2s ease-in-out infinite}.spin-btn:disabled{cursor:not-allowed;opacity:.7;animation:none}.mute-btn{position:fixed;top:16px;right:16px;z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,215,0,.4);background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.status{margin-top:24px;min-height:32px;font-size:14px;color:var(--fg-dim)}.status.spinning{color:var(--gold);font-weight:600}.link-btn{background:none;border:none;color:var(--gold);text-decoration:underline;cursor:pointer;font-size:14px}.dlg-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.dlg{width:100%;max-width:440px;border-radius:16px;padding:24px;background:linear-gradient(135deg,#2a1248,#3d1a5e 60%,#1a0a36);box-shadow:0 0 60px #ffd70066,0 0 100px #d946ef4d;position:relative}.dlg .close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--fg-dim);cursor:pointer;font-size:20px}.dlg .icon{width:56px;height:56px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,gold,#b8860b);box-shadow:0 0 30px gold;color:#2a1248;font-size:24px}.dlg h2{text-align:center;font-family:Cinzel Decorative,serif;font-size:26px}.dlg .won{background:#ffffff1a;border:1px solid rgba(255,215,0,.4);padding:12px 16px;border-radius:10px;text-align:center;margin:12px 0 8px;font-weight:600;font-size:16px}.dlg label{display:block;margin:12px 0 6px;font-size:14px;color:#ffffffe6}.dlg input{width:100%;padding:11px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--fg);font-size:14px;outline:none}.dlg input:focus{border-color:var(--gold)}.dlg .err{color:#fca5a5;font-size:12px;margin-top:4px}.dlg .submit{width:100%;margin-top:18px;padding:14px;border-radius:10px;border:none;cursor:pointer;font-family:Cinzel Decorative,serif;font-weight:700;font-size:16px;color:#2a1248;background:linear-gradient(90deg,gold,#fff5b8,gold);background-size:200% auto;box-shadow:0 0 24px #ffd70080}.dlg .submit:disabled{opacity:.6;cursor:not-allowed}.dlg .legal{font-size:11px;color:#ffffff80;text-align:center;margin-top:10px}.dlg .done{text-align:center;padding:16px 0}.dlg .done .check{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#10b98133;border:1px solid #34d399;display:flex;align-items:center;justify-content:center;color:#a7f3d0;font-size:22px}.toast-host{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 18px;border-radius:10px;background:#140a28f2;color:#fff;box-shadow:0 10px 30px #0006;border:1px solid rgba(255,215,0,.3);font-size:14px}.toast.error{border-color:#ef444480}@keyframes pulseGlow{0%,to{box-shadow:0 0 30px 5px #ffd70099,0 0 60px 10px #ff64c84d,inset 0 -8px 20px #0000004d,inset 0 4px 10px #ffffff80}50%{box-shadow:0 0 50px 12px #ffd700f2,0 0 100px 24px #ff64c88c,inset 0 -8px 20px #0000004d,inset 0 4px 10px #ffffff80}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bulb{0%,to{opacity:1;filter:drop-shadow(0 0 4px #ffd700)}50%{opacity:.4;filter:drop-shadow(0 0 1px #ffd700)}}.bulb{animation:bulb 1.2s ease-in-out infinite}@media (max-width: 480px){.prize-banner .sub{display:none}.prize-banner{padding:12px 14px;gap:12px}.prize-banner .icon{width:44px;height:44px;font-size:20px}.prize-banner .title{font-size:14px}}