:root{--bg:#0f1220;--card:#161a2a;--accent:#7c5cff;--text:#e6e8ff;--muted:#9aa0b4;--success:#28c690;--danger:#ff6b6b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1200px 800px at 50% -10%,#202645,var(--bg));color:var(--text);min-height:100svh;display:grid;place-items:center;padding:24px}.wrap{width:min(100%,1100px);display:grid;gap:20px;grid-template-columns:1.2fr 1fr}@media(max-width:900px){.wrap{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#171b2c,#121628);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);padding:16px}.title{display:flex;align-items:center;gap:10px;margin:4px 0 12px;letter-spacing:.25px;font-weight:700}.title .dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.wheel-area{position:relative;aspect-ratio:1/1;width:100%;max-width:560px;margin:0 auto}.wheel-shell{position:absolute;inset:0;display:grid;place-items:center;padding:10px}.wheel-ring{width:100%;height:100%;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#2a2f54 0 56%,#0d1022 56% 57%,#2d325a 57%);border:2px solid rgba(255,255,255,.07);box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 10px 40px rgba(0,0,0,.45);overflow:hidden;transform:rotate(0deg);transition:transform 3.2s cubic-bezier(.12,.62,.11,1);will-change:transform}canvas{width:86%;height:86%;border-radius:999px}#glowCanvas{position:absolute;inset:7%;pointer-events:none;filter:drop-shadow(0 0 16px rgba(124,92,255,.6));opacity:0;transition:opacity .25s ease}.glow-active{opacity:1}@keyframes pulseGlow{0%,100%{opacity:.2}50%{opacity:1}}.glow-pulse{animation:pulseGlow 1s ease-in-out 1}.pointer{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:28px solid var(--success);filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.pointer::after{content:"";position:absolute;left:-10px;top:26px;width:20px;height:10px;background:var(--success);border-radius:0 0 10px 10px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:12px}button{appearance:none;border:none;cursor:pointer;padding:12px 16px;border-radius:12px;font-weight:700;letter-spacing:.3px;color:#fff;background:var(--accent);box-shadow:0 8px 20px rgba(124,92,255,.35);transition:transform .06s ease,box-shadow .2s ease,opacity .2s ease,background .2s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(1px) scale(.995)}button.secondary{background:#2a2f54;box-shadow:0 8px 20px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.06);color:var(--text)}button:disabled{opacity:.55;cursor:not-allowed}.result{font-size:clamp(40px,6vw,72px);text-align:center;font-weight:800;letter-spacing:2px;margin:6px 0 2px}.sub{text-align:center;color:var(--muted);margin-bottom:8px;font-size:14px}.pillbox{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:8px 10px;border-radius:999px;background:#1b2040;border:1px solid rgba(255,255,255,.06);font-weight:700;font-variant-numeric:tabular-nums}.pill.used{opacity:.45;text-decoration:line-through}.history{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.cell{aspect-ratio:1/1;display:grid;place-items:center;border-radius:12px;background:#1b1f36;border:1px dashed rgba(255,255,255,.08);font-weight:800}.cell.hit{background:#26306a;border-style:solid;box-shadow:inset 0 0 0 2px rgba(124,92,255,.25)}@media(max-width:540px){body{padding:14px}.wrap{grid-template-columns:1fr;gap:14px}.wheel-area{max-width:92vw}.pointer{border-left-width:14px;border-right-width:14px;border-bottom-width:26px}.result{font-size:clamp(48px,12vw,92px)}.controls{gap:8px}button{padding:14px 18px;font-size:16px;touch-action:manipulation}.pill{padding:6px 9px}.history{grid-template-columns:repeat(9,1fr)}.cell{border-radius:10px}}@media(prefers-reduced-motion:reduce){.wheel-ring{transition-duration:.001s!important}}