:root{color-scheme:light;--bg: #fff2e5;--bg-2: #ffd8b5;--accent: #f76b52;--accent-2: #ffb347;--dark: #3b2a1a;--card: #fff8f1}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at top,var(--bg-2),var(--bg));color:var(--dark);overflow-x:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{min-height:100%}.app{min-height:100vh;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;overflow:hidden;max-width:520px;margin:0 auto}.glow{position:absolute;width:340px;height:340px;background:radial-gradient(circle,#ffb3478c,#ffb34700);filter:blur(12px);top:-70px;right:-70px;z-index:0}.header{text-align:center;z-index:1}.header h1{margin:0;font-size:clamp(22px,6vw,30px);letter-spacing:.4px}.subtitle{margin:6px 0 0;font-size:14px;opacity:.75}.wheel-wrap{position:relative;width:min(360px,92vw);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;z-index:1}.pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid var(--accent);filter:drop-shadow(0 5px 7px rgba(0,0,0,.25));z-index:3}.wheel{width:100%;height:100%;border-radius:50%;border:8px solid #fff4e2;box-shadow:0 16px 30px #f76b5233;display:grid;place-items:center;position:relative;transition:transform 4.2s cubic-bezier(.12,.8,.15,1);will-change:transform}.wheel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from var(--start-angle, -90deg),rgba(255,255,255,.95) 0 1.4deg,rgba(255,255,255,0) 1.4deg calc(360deg / var(--count)));pointer-events:none}.wheel-labels{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.wheel-label{position:absolute;transform-origin:center center;width:98px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:7.6px;font-weight:700;line-height:1.04;white-space:normal;word-break:break-word;overflow:visible}.wheel-label.long{font-size:7.1px;letter-spacing:.12px}.wheel-center{position:absolute;width:44px;height:44px;border-radius:50%;background:#fff;border:4px solid var(--accent);box-shadow:0 6px 12px #0000001f;z-index:2}.status{width:min(420px,92vw);text-align:center;background:var(--card);border-radius:18px;padding:12px 14px;box-shadow:0 8px 20px #00000014;z-index:1}.message{font-size:15px}.prize{margin-top:6px;font-size:18px;font-weight:800;color:var(--accent)}.spin-btn{width:min(420px,92vw);padding:14px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:15px;font-weight:800;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;text-align:center;width:min(420px,92vw)}