:root{--color-primary: #f59e0b;--color-primary-light: #fbbf24;--color-primary-dark: #b45309;--color-secondary: #a78bfa;--color-success: #34d399;--color-danger: #f87171;--color-bg: #17162b;--color-bg-light: #221f3d;--color-panel: #2b2750;--color-text: #f5f3ff;--color-text-dim: #a5a0c9;--font-main: "Nunito", "Segoe UI", system-ui, sans-serif;--font-math: "Nunito", ui-monospace, "SFMono-Regular", Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:linear-gradient(160deg,var(--color-bg) 0%,#241a3a 100%);min-height:100vh;color:var(--color-text)}#app{min-height:100vh}.screen{display:none;flex-direction:column;align-items:center;padding:20px;animation:fadeIn .3s ease}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home-link,.stats-link{color:var(--color-text-dim);text-decoration:none;font-weight:700;font-size:1rem;padding:8px 4px}.home-link{align-self:flex-start}.home-link:hover,.stats-link:hover{color:var(--color-primary-light)}.stats-link{margin-top:24px}.game-title{font-size:clamp(2.2rem,8vw,3.2rem);font-weight:800;margin-top:8px;background:linear-gradient(90deg,var(--color-primary-light),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--color-text-dim);margin-bottom:6px;font-size:1.05rem}.how-to{background:var(--color-bg-light);border:2px solid var(--color-panel);border-radius:16px;padding:14px 18px;margin:18px 0 6px;max-width:420px;color:var(--color-text-dim);font-size:.95rem;line-height:1.5}.how-to strong{color:var(--color-primary-light)}.how-to .eq-demo{display:block;font-family:var(--font-math);font-size:1.15rem;color:var(--color-text);text-align:center;margin:8px 0;letter-spacing:.5px}.difficulty-select{width:100%;max-width:420px;margin-top:14px}.difficulty-select h2{font-size:1.1rem;margin-bottom:12px;text-align:center;color:var(--color-text-dim)}.difficulty-btn{display:flex;align-items:center;gap:14px;width:100%;margin-bottom:12px;padding:16px 18px;border:2px solid var(--color-panel);border-radius:16px;background:var(--color-bg-light);color:var(--color-text);font-family:inherit;font-size:1rem;cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease}.difficulty-btn:hover,.difficulty-btn:focus-visible{transform:translateY(-2px);border-color:var(--color-primary)}.difficulty-btn .emoji{font-size:1.9rem}.difficulty-btn .label{display:block;font-weight:800;font-size:1.1rem}.difficulty-btn .desc{display:block;color:var(--color-text-dim);font-size:.9rem;font-family:var(--font-math)}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:520px;gap:12px;font-weight:800}#streak-display{padding:4px 12px;border-radius:999px;background:var(--color-panel);font-variant-numeric:tabular-nums}#streak-display.active{background:var(--color-primary-dark);color:#fff}#lives-display{font-size:1.3rem;letter-spacing:3px;margin:8px 0 2px}.progress-track{width:100%;max-width:520px;height:8px;border-radius:999px;background:var(--color-panel);overflow:hidden;margin:10px 0 4px}#progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width .4s ease}#progress-text{color:var(--color-text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}#scale{width:100%;max-width:520px;margin:18px 0 6px}.scale-beam{display:flex;align-items:stretch;gap:10px;justify-content:center}.pan{flex:1;min-height:84px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-light);border:3px solid var(--color-panel);border-radius:18px;padding:12px;font-family:var(--font-math);font-size:clamp(1.5rem,6.5vw,2.1rem);font-weight:800;letter-spacing:1px;word-break:break-word;text-align:center;transition:border-color .3s ease,transform .3s ease}.equals{display:flex;align-items:center;font-size:2rem;font-weight:800;color:var(--color-primary-light)}.scale-fulcrum{text-align:center;font-size:1.6rem;margin-top:-4px}.balance-note{text-align:center;color:var(--color-text-dim);font-size:.82rem;margin-top:2px}#scale.solved .pan{border-color:var(--color-success);animation:pop .5s ease}@keyframes pop{0%,to{transform:none}40%{transform:scale(1.06)}}#moves-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:520px;margin:14px 0 6px}.move-btn{padding:14px 8px;border-radius:16px;border:2px solid var(--color-panel);background:var(--color-bg-light);color:var(--color-text);font-family:inherit;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.move-btn:hover,.move-btn:focus-visible{transform:translateY(-2px);border-color:var(--color-primary)}.move-symbol{display:block;font-family:var(--font-math);font-size:1.5rem;font-weight:800}.move-desc{display:block;font-size:.72rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.move-btn.wrong{border-color:var(--color-danger)}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:none}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.message{min-height:2.6em;max-width:520px;text-align:center;margin:6px 0;font-weight:700;line-height:1.35;color:var(--color-text-dim)}.message.good{color:var(--color-success)}.message.warn{color:var(--color-primary-light)}.message.animate{animation:fadeIn .25s ease}.steps-panel{width:100%;max-width:520px;margin-top:6px}.steps-panel h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:6px}#steps-list{list-style:none;display:flex;flex-direction:column;gap:4px}#steps-list li{display:flex;gap:12px;align-items:baseline;background:var(--color-bg-light);border-radius:10px;padding:7px 12px;font-family:var(--font-math);font-size:.95rem}.step-move{color:var(--color-primary-light);font-weight:800;min-width:3.2em}.step-result{color:var(--color-text)}.steps-empty{color:var(--color-text-dim);font-style:italic;font-family:var(--font-main)!important}.result-content{text-align:center;max-width:420px;margin-top:40px}#result-title{font-size:2.2rem;margin-bottom:8px}#result-title.win{color:var(--color-success)}#result-title.lose{color:var(--color-danger)}#result-message{color:var(--color-text-dim);margin-bottom:16px}#final-score{font-size:1.4rem;font-weight:800;color:var(--color-primary-light);margin-bottom:10px}#result-stats{color:var(--color-text-dim);line-height:1.7;margin-bottom:14px}#result-achievements h3{font-size:.95rem;color:var(--color-primary-light);margin-bottom:6px}.badge{background:var(--color-bg-light);border-radius:10px;padding:8px 12px;margin-bottom:6px;font-size:.9rem}.result-buttons{display:flex;flex-direction:column;gap:10px;margin-top:18px}.primary-btn,.secondary-btn{padding:14px 20px;border-radius:14px;border:none;font-family:inherit;font-size:1.05rem;font-weight:800;cursor:pointer}.primary-btn{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));color:#2a1a04}.secondary-btn{background:var(--color-bg-light);color:var(--color-text);border:2px solid var(--color-panel)}.primary-btn:hover,.secondary-btn:hover{filter:brightness(1.1)}#confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:-10px;width:10px;height:10px;border-radius:2px;animation:confetti-fall 3s ease-in forwards}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(720deg);opacity:0}}:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (min-width: 560px){#moves-container{grid-template-columns:repeat(4,1fr)}}