:root{color-scheme:light;--bg: #fff2e5;--bg-2: #ffd8b5;--accent: #f76b52;--accent-2: #ffb347;--dark: #3b2a1a;--card: #fff8f1}*{box-sizing:border-box}body{margin:0;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at top,var(--bg-2),var(--bg));color:var(--dark)}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px 28px;position:relative;overflow:hidden}.glow{position:absolute;width:320px;height:320px;background:radial-gradient(circle,#ffb3478c,#ffb34700);filter:blur(10px);top:-60px;right:-60px;z-index:0}.header{text-align:center;z-index:1}.header h1{margin:0;font-size:28px;letter-spacing:.5px}.subtitle{margin:6px 0 0;font-size:14px;opacity:.75}.wheel-wrap{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;z-index:1}.wheel{width:260px;height:260px;border-radius:50%;background:conic-gradient(#ffb347,#ffb347 120deg,#f76b52 120deg,#f76b52 240deg,#ffd27a 240deg,#ffd27a 360deg);border:8px solid #fff4e2;box-shadow:0 16px 30px #f76b5233;display:grid;place-items:center;transform:rotate(0)}.wheel-face{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#fff4e2,#ffdfc6);border:2px dashed rgba(59,42,26,.2)}.wheel-center{position:absolute;width:42px;height:42px;border-radius:50%;background:#fff;border:4px solid var(--accent);box-shadow:0 6px 12px #0000001f}.pointer{position:absolute;top:-6px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:28px solid var(--accent);filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.status{text-align:center;background:var(--card);border-radius:18px;padding:12px 16px;box-shadow:0 8px 20px #00000014;z-index:1}.message{font-size:15px}.prize{margin-top:6px;font-size:18px;font-weight:700;color:var(--accent)}.spin-btn{padding:14px 22px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;box-shadow:0 12px 24px #f76b524d;cursor:pointer;z-index:1}.spin-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.footer{font-size:12px;opacity:.65;z-index:1}@media (max-width: 420px){.wheel-wrap{width:240px;height:240px}.wheel{width:220px;height:220px}}