:root{--bg-0: #0a0f0d;--bg-1: #0e1512;--bg-2: #14201b;--bg-3: #1d2e26;--text-hi: #eaf6ef;--text: #c0d4c8;--text-mute: #93aa9c;--line-1: #24352c;--line-2: #3a5245;--accent: #35e0ff;--accent-ink: #04181d;--power: #35e0ff;--power-glow: #9ff0ff;--dead: #3d554a;--source: #ffb84d;--bulb-lit: #ffd76a;--spark: #ff7a5c;--danger: #ff6a5c;--success: #5ce08a;--shadow: 0 8px 28px rgba(0, 0, 0, .55);--radius: 12px;--radius-sm: 8px}[data-theme=light]{--bg-0: #f3efe6;--bg-1: #faf7f0;--bg-2: #ffffff;--bg-3: #e7e0d1;--text-hi: #1d1a12;--text: #423d2f;--text-mute: #6c6553;--line-1: #d8d0bc;--line-2: #b9ae94;--accent: #0b6bcb;--accent-ink: #f2f8ff;--power: #0b6bcb;--power-glow: #7db8f0;--dead: #b9ae94;--source: #a06a00;--bulb-lit: #a06a00;--spark: #c2452e;--danger: #c2452e;--success: #1e7a48;--shadow: 0 8px 24px rgba(80, 65, 30, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg-0);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.mono{font-family:ui-monospace,Consolas,Cascadia Mono,monospace;font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#app,.sc-app{min-height:100dvh}.sc-app{display:flex;flex-direction:column;align-items:center}.sc-screen{width:100%;max-width:720px;padding:16px 16px 96px;animation:screen-in .15s ease-out}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sc-title{color:var(--text-hi);font-size:28px;font-weight:800;letter-spacing:.06em;margin:8px 0 2px}.sc-tag{color:var(--text-mute);font-size:13px;margin:0 0 18px}h2{color:var(--text-hi);font-size:15px;letter-spacing:.08em;margin:0 0 6px}button{font:inherit;cursor:pointer;border:1px solid var(--line-2);background:var(--bg-3);color:var(--text-hi);border-radius:var(--radius-sm);min-height:44px;padding:0 16px;transition:background .12s ease,transform .12s ease,border-color .12s ease}button:hover{border-color:var(--accent)}button:active{transform:scale(.97)}button:focus-visible,.sc-card:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700;letter-spacing:.04em}.btn-ghost{background:transparent;border-color:var(--line-1);color:var(--text)}.btn-danger{border-color:var(--danger);color:var(--danger);background:transparent}.btn-link{background:none;border:none;color:var(--accent);min-height:44px;padding:0 8px;text-decoration:underline}.sc-card{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.sc-card.card-daily{border-color:var(--line-2)}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.card-sub{color:var(--text-mute);font-size:13px;margin:2px 0 10px}.card-state{color:var(--text);font-size:14px;margin:0 0 10px}.card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.last-played{font-size:11px;color:var(--text-mute);letter-spacing:.08em}.day-dots{display:flex;gap:8px;margin:6px 0 12px}.day-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-2);background:transparent}.day-dot.played{background:var(--line-2);border-color:var(--line-2)}.day-dot.solved{background:var(--success);border-color:var(--success)}.day-dot.perfect{background:var(--bulb-lit);border-color:var(--bulb-lit);box-shadow:0 0 6px var(--bulb-lit)}.day-dot.today{border-color:var(--accent)}.stats-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.stat-chip{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;color:var(--text)}.stat-chip b{color:var(--text-hi)}.howto-lines{margin:0;padding-left:20px;font-size:14px;line-height:1.55}.howto-demo{display:block;width:min(260px,70%);margin:12px auto 2px;pointer-events:none}.play-top{display:flex;align-items:center;gap:12px;margin-bottom:10px;min-height:52px}.play-top .mode-title{color:var(--text-hi);font-weight:800;letter-spacing:.08em;font-size:16px}.btn-back{min-width:44px;padding:0 10px}.top-spacer{flex:1}.bulb-counter{font-size:14px;color:var(--text)}.taps-par{font-size:13px;color:var(--text-mute)}.battery{width:18px;height:44px;border:2px solid var(--line-2);border-radius:5px;position:relative;background:var(--bg-1)}.battery:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:8px;height:4px;border-radius:2px 2px 0 0;background:var(--line-2)}.battery-fill{position:absolute;left:2px;right:2px;bottom:2px;border-radius:2px;background:var(--success);transition:height .16s ease-out}.battery.mid .battery-fill{background:var(--source)}.battery.low .battery-fill{background:var(--danger)}.battery.low{animation:low-pulse 1.1s ease-in-out infinite}@keyframes low-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 10px 1px var(--danger)}}.battery.jolt{animation:jolt .18s ease-out}@keyframes jolt{0%{transform:translateY(0)}35%{transform:translateY(2px) scale(1.06)}to{transform:none}}.battery-label{font-size:12px;color:var(--text-mute);text-align:center}.play-bottom{display:flex;justify-content:center;gap:18px;margin-top:12px;color:var(--text-mute);font-size:14px}.play-bottom b{color:var(--text);font-weight:600}.board-wrap{position:relative;width:min(calc(100vw - 32px),82vmin);margin:0 auto}@media(max-width:480px){.board-wrap{width:calc(100vw - 32px)}}.sc-board{display:block;width:100%;height:auto}.sc-tile .tile-bg{fill:var(--bg-2);stroke:var(--line-1);stroke-width:2;transition:fill .15s ease,stroke .15s ease}.sc-tile:hover .tile-bg{fill:var(--bg-3)}.sc-tile{cursor:pointer;outline:none}.sc-tile:focus-visible .tile-bg{stroke:var(--accent);stroke-width:4}.rotor{transform-box:fill-box;transform-origin:center;transition:transform .14s cubic-bezier(.34,1.56,.64,1)}.rotor.snap-fade{animation:snap-fade 80ms ease-out}@keyframes snap-fade{0%{opacity:.35}to{opacity:1}}.trace-base,.trace-on,.trace-dash{fill:none;stroke-linecap:butt}.trace-base{stroke:var(--dead);stroke-width:12}.trace-joint{fill:var(--dead);transition:fill .15s ease}.trace-on{stroke:var(--power);stroke-width:12;opacity:0;transition:opacity .13s ease-out}.trace-dash{stroke:var(--power-glow);stroke-width:5;stroke-dasharray:9 15;opacity:0}.sc-tile.powered .trace-on{opacity:1;filter:drop-shadow(0 0 5px var(--power-glow));animation:power-breathe 2.4s ease-in-out infinite}.sc-tile.powered .trace-dash{opacity:.9;animation:dash-flow .9s linear infinite}.sc-tile.powered .trace-joint{fill:var(--power)}.sc-tile.just-powered .trace-on{animation:power-in .24s ease-out,power-breathe 2.4s ease-in-out .24s infinite}@keyframes power-in{0%{filter:drop-shadow(0 0 12px var(--power-glow))}to{filter:drop-shadow(0 0 5px var(--power-glow))}}@keyframes power-breathe{0%,to{opacity:1}50%{opacity:.82}}@keyframes dash-flow{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.glyph-source .cap-plate{stroke:var(--source);stroke-width:6;stroke-linecap:round}.glyph-source .cap-ring{fill:none;stroke:var(--source);stroke-width:2;opacity:.5;animation:cap-pulse 1.8s ease-in-out infinite}@keyframes cap-pulse{0%,to{opacity:.35}50%{opacity:.85;filter:drop-shadow(0 0 8px var(--source))}}.glyph-bulb .bulb-globe{fill:var(--bg-1);stroke:var(--dead);stroke-width:4;transition:fill .16s ease,stroke .16s ease}.glyph-bulb .bulb-filament{fill:none;stroke:var(--dead);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .16s ease}.glyph-bulb .bulb-bloom{fill:var(--bulb-lit);opacity:0}.sc-tile.lit .bulb-globe{fill:var(--bulb-lit);stroke:var(--bulb-lit);filter:drop-shadow(0 0 9px var(--bulb-lit))}.sc-tile.lit .bulb-filament{stroke:var(--accent-ink)}[data-theme=light] .sc-tile.lit .bulb-filament{stroke:var(--bg-2)}.glyph.pop{animation:bulb-pop .32s cubic-bezier(.34,1.56,.64,1);transform-box:fill-box;transform-origin:center}@keyframes bulb-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.bulb-bloom.bloom{animation:bulb-bloom .5s ease-out;transform-box:fill-box;transform-origin:center}@keyframes bulb-bloom{0%{opacity:.75;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.spark .spark-core{fill:var(--spark)}.spark .spark-ray{stroke:var(--spark);stroke-width:2.5;stroke-linecap:round}.spark{animation:spark-jit .24s steps(2) infinite;filter:drop-shadow(0 0 4px var(--spark))}@keyframes spark-jit{0%{opacity:1}25%{opacity:.4}50%{opacity:.95}75%{opacity:.55}to{opacity:1}}.solved-wave .sc-tile .trace-on{animation:wave-pulse .62s ease-out var(--wave-delay, 0ms) 1}.solved-wave .sc-tile.lit .bulb-globe{animation:wave-flare .62s ease-out var(--wave-delay, 0ms) 1;transform-box:fill-box;transform-origin:center}@keyframes wave-pulse{0%{filter:drop-shadow(0 0 4px var(--power-glow))}40%{filter:drop-shadow(0 0 16px var(--power-glow))}to{filter:drop-shadow(0 0 5px var(--power-glow))}}@keyframes wave-flare{0%{transform:scale(1)}40%{transform:scale(1.22);filter:drop-shadow(0 0 18px var(--bulb-lit))}to{transform:scale(1)}}.brownout-fx{animation:board-flicker .7s steps(3) 1 forwards}.brownout-fx .sc-tile.powered .trace-on,.brownout-fx .sc-tile.powered .trace-dash{animation:none;opacity:.25;filter:none}.brownout-fx .sc-tile.lit .bulb-globe{filter:none}@keyframes board-flicker{0%{opacity:1}30%{opacity:.45}55%{opacity:.85}80%{opacity:.4}to{opacity:.55}}.result-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:color-mix(in srgb,var(--bg-0) 55%,transparent);border-radius:var(--radius);animation:overlay-in .2s ease-out;padding:12px;text-align:center}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.grade-stamp{font-size:clamp(28px,8vmin,48px);font-weight:900;letter-spacing:.06em;color:var(--text-hi);text-shadow:0 2px 12px var(--bg-0);padding:10px 22px;border:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-1);animation:stamp-in .26s ease-out}.grade-stamp.perfect{border-color:var(--bulb-lit);color:var(--bulb-lit);animation:seal-slam .45s cubic-bezier(.22,1.4,.36,1);box-shadow:0 0 24px var(--bulb-lit);transform:rotate(-4deg)}.grade-stamp.brownout{border-color:var(--danger);color:var(--danger)}@keyframes stamp-in{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@keyframes seal-slam{0%{opacity:0;transform:scale(2.8) rotate(-14deg)}60%{opacity:1;transform:scale(.94) rotate(-3deg)}80%{transform:scale(1.05) rotate(-5deg)}to{transform:scale(1) rotate(-4deg)}}.result-detail{color:var(--text-hi);font-size:15px;text-shadow:0 1px 6px var(--bg-0)}.result-note{color:var(--text-mute);font-size:12px;letter-spacing:.08em}.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sc-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gear-btn{position:fixed;left:14px;bottom:14px;width:48px;height:48px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;z-index:40;box-shadow:var(--shadow)}.drawer-scrim{position:fixed;inset:0;background:color-mix(in srgb,var(--bg-0) 60%,transparent);z-index:41;animation:overlay-in .15s ease-out}.drawer{position:fixed;left:14px;bottom:14px;z-index:42;width:min(340px,calc(100vw - 28px));max-height:min(560px,calc(100dvh - 28px));overflow-y:auto;background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;animation:drawer-up .18s ease-out}@keyframes drawer-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.drawer h2{margin-bottom:12px}.drawer-row{margin-bottom:14px}.drawer-row .row-label{display:block;font-size:12px;letter-spacing:.1em;color:var(--text-mute);margin-bottom:6px}.seg{display:flex;gap:6px}.seg button{flex:1;min-height:44px}.seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.accent-dots{display:flex;gap:8px;flex-wrap:wrap}.accent-dot{width:44px;height:44px;border-radius:50%;border:2px solid var(--line-2);padding:0;min-height:44px}.accent-dot[aria-pressed=true]{border-color:var(--text-hi);outline:2px solid var(--accent);outline-offset:2px}.toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:44px}.toggle-row .row-label{margin-bottom:0}.switch{width:56px;height:32px;border-radius:16px;position:relative;padding:0;min-height:32px}.switch:after{content:"";position:absolute;top:3px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--text-mute);transition:left .14s ease,background .14s ease}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true]:after{left:26px;background:var(--accent-ink)}input[type=range]{width:100%;height:44px;accent-color:var(--accent);background:transparent}.sc-rm .rotor{transition:none}.sc-rm .sc-tile.powered .trace-on,.sc-rm .sc-tile.just-powered .trace-on,.sc-rm .sc-tile.powered .trace-dash,.sc-rm .glyph-source .cap-ring,.sc-rm .spark,.sc-rm .battery.low,.sc-rm .solved-wave .sc-tile .trace-on,.sc-rm .solved-wave .sc-tile.lit .bulb-globe,.sc-rm .glyph.pop,.sc-rm .bulb-bloom.bloom{animation:none}.sc-rm .sc-tile.powered .trace-dash{opacity:.5}.sc-rm .grade-stamp,.sc-rm .grade-stamp.perfect{animation:stamp-fade .1s ease-out;box-shadow:none}.sc-rm .brownout-fx{animation:none;opacity:.55}.sc-rm .sc-screen{animation:screen-in 80ms ease-out}.sc-rm .drawer,.sc-rm .result-overlay{animation:overlay-in 80ms ease-out}@keyframes stamp-fade{0%{opacity:0}to{opacity:1}}.sc-rm button,.sc-rm .battery-fill,.sc-rm .tile-bg{transition-duration:80ms}