*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #f1f5f9;--text-dim: #64748b;--gold: #f59e0b;--blue: #3b82f6;--red: #ef4444;--green: #22c55e}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center}.game{display:flex;flex-direction:column;align-items:center;gap:36px;padding:40px 20px 60px;width:100%;max-width:520px}.header{text-align:center}.header h1{font-size:clamp(2rem,8vw,2.75rem);font-weight:900;letter-spacing:.1em;background:linear-gradient(120deg,var(--gold),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{margin-top:8px;font-size:.95rem;color:var(--text-dim);letter-spacing:.02em}.level-select{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.level-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 20px;border:2px solid var(--border);border-radius:12px;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.level-btn:hover{border-color:#94a3b8;color:var(--text)}.level-btn.active{border-color:var(--gold);background:#f59e0b1a;color:var(--gold)}.lbtn-name{font-size:.9rem;font-weight:800;letter-spacing:.06em}.lbtn-ops{font-size:.65rem;font-weight:600;letter-spacing:.04em;opacity:.75}.color-legend{display:flex;align-items:center;gap:6px 14px;font-size:.75rem;font-weight:600;color:var(--text-dim);letter-spacing:.04em;flex-wrap:wrap;justify-content:center}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.legend-pos-even{background:#1e40af}.legend-pos-odd{background:#991b1b}.legend-neg-even{background:#0891b2}.legend-neg-odd{background:#ea580c}.wheel-container{display:flex;justify-content:center;-webkit-user-select:none;user-select:none}#wheel-svg{width:min(300px,88vw);height:min(300px,88vw);transition:filter .4s}#wheel-svg.spinning{filter:drop-shadow(0 0 18px rgba(80,140,255,.45))}.quadrant path{transition:filter .15s}.quadrant.settled:not(.used){cursor:pointer}.quadrant.settled:not(.used):hover path{filter:brightness(1.3)}.quadrant.settled:not(.used):active path{filter:brightness(.85)}.quadrant.used{opacity:.28;pointer-events:none}.q-num{font-size:40px;font-weight:900;fill:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;transform-box:fill-box;transform-origin:center;pointer-events:none}.q-num.pop{animation:q-pop .42s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes q-pop{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}.input-panel{display:none;flex-direction:column;align-items:center;gap:16px;width:100%}.game.has-puzzle .input-panel{display:flex}.expr-display{width:100%;min-height:72px;padding:14px 18px;border-radius:14px;background:var(--surface);border:2px solid var(--border);font-size:1.7rem;font-weight:700;display:flex;align-items:center;flex-wrap:wrap;gap:4px 2px;transition:border-color .2s,box-shadow .2s;line-height:1.3}.expr-placeholder{color:var(--text-dim);font-size:1rem;font-weight:400}.expr-num{color:var(--gold)}.expr-op{color:#94a3b8;padding:0 4px}.expr-paren{color:var(--blue)}.expr-cursor{display:inline-block;width:2px;height:1.15em;background:var(--text);margin-left:3px;vertical-align:middle;animation:blink 1.1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.expr-display.correct{border-color:var(--green);animation:flash-correct .7s ease-out}.expr-display.wrong{border-color:var(--red);animation:shake .5s ease-out}@keyframes flash-correct{0%{box-shadow:0 0 0 6px #22c55e80}to{box-shadow:none}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.feedback{min-height:1.4em;font-size:1.05rem;font-weight:700;text-align:center;letter-spacing:.02em}.feedback.correct{color:var(--green)}.feedback.wrong{color:var(--red)}.feedback.error{color:var(--gold)}.feedback.hint{color:#a78bfa;font-size:.95rem}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.op-btn{width:62px;height:56px;border:2px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:1.45rem;font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,transform .1s}.op-btn:hover:not(:disabled){background:#2d3f55;border-color:#94a3b8;transform:translateY(-2px)}.op-btn:active:not(:disabled){transform:translateY(0)}.op-btn:disabled{opacity:.25;cursor:not-allowed}.util-btn{padding:12px 22px;border:2px solid var(--border);border-radius:12px;background:transparent;color:var(--text-dim);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.util-btn:hover{background:var(--surface);border-color:#94a3b8;color:var(--text)}.hint-btn{border-color:#7c3aed;color:#a78bfa}.hint-btn:hover{background:#7c3aed1f;border-color:#a78bfa;color:#c4b5fd}.reveal-btn{border-color:#b45309;color:#fbbf24}.reveal-btn:hover{background:#b453091f;border-color:#fbbf24;color:#fde68a}.check-btn{padding:15px 64px;font-size:1.1rem;font-weight:800;letter-spacing:.1em;border:none;border-radius:14px;background:linear-gradient(120deg,var(--green),#16a34a);color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 20px #22c55e59}.check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #22c55e80}.check-btn:active:not(:disabled){transform:translateY(0)}.check-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.spin-btn{padding:16px 72px;font-size:1.2rem;font-weight:800;letter-spacing:.1em;border:none;border-radius:16px;background:linear-gradient(120deg,var(--gold),var(--red));color:#0f172a;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s,padding .3s,font-size .3s;box-shadow:0 4px 24px #f59e0b59}.game.has-puzzle .spin-btn{padding:11px 40px;font-size:.95rem}.spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #f59e0b80}.spin-btn:active:not(:disabled){transform:translateY(0)}.spin-btn:disabled{opacity:.45;cursor:not-allowed}.header-top{display:flex;align-items:flex-start;justify-content:center;gap:12px}.level-badge{background:var(--surface);border:2px solid var(--border);color:var(--text-dim);font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:4px 10px;border-radius:8px;margin-top:8px}.stats{display:flex;align-items:center;gap:28px}.stat{display:flex;flex-direction:column;align-items:center;gap:3px}.stat-val{font-size:2rem;font-weight:900;color:var(--text);transition:color .4s;display:inline-block}.stat-val.hot{color:var(--gold)}.stat-val.popping{animation:stat-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes stat-pop{0%{transform:scale(1)}45%{transform:scale(1.55)}to{transform:scale(1)}}.stat-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.stat-sep{width:1px;height:36px;background:var(--border)}@media(max-width:500px){.op-btn{width:56px;height:52px;font-size:1.3rem}}