:root{--bg:#0f1222;--surface:#191d33;--surface-strong:#242a48;--fg:#e8ecff;--muted:#8a90b2;--accent:#4cc9f0;--accent-fg:#0f1222;--danger:#ef476f;--gold:#ffd166;--glass:#e8ecff8c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{opacity:.35;cursor:default}.icon{width:24px;height:24px;display:block}html[data-scheme=pastel]{--bg:#24202e;--surface:#322c3f;--surface-strong:#433b54;--fg:#f3eef8;--muted:#a49cb4;--accent:#c3b1f2;--accent-fg:#24202e;--gold:#fbe39b;--glass:#f3eef880}html[data-scheme=jewel]{--bg:#0a0a10;--surface:#17161f;--surface-strong:#25232f;--fg:#f1eff7;--muted:#8f8aa3;--accent:#2ed3c6;--accent-fg:#0a0a10;--gold:#f5a00b;--glass:#f1eff780}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.4}.center{text-align:center}.screen{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 8px) 16px calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;align-items:center;gap:16px;display:flex}.top-bar{grid-template-columns:44px 1fr 44px;align-items:center;width:100%;max-width:480px;display:grid}.top-title{text-align:center;font-size:17px;font-weight:600}.top-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.icon-button{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.icon-button:active{background:var(--surface)}.icon-button.placeholder{visibility:hidden}.primary,.secondary,.danger,.stop,.quiet{text-align:center;border-radius:14px;width:100%;max-width:320px;padding:14px 20px;font-size:17px;font-weight:600;display:block}.primary{background:var(--accent);color:var(--accent-fg)}.stop{background:var(--danger);color:#fff;padding:18px 20px;font-size:18px}.quiet{color:var(--muted);background:0 0;font-weight:500}.secondary{background:var(--surface)}.danger{background:var(--surface);color:var(--danger)}.primary:active,.secondary:active,.danger:active,.stop:active,.quiet:active{transform:scale(.98)}.home-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;padding-bottom:48px;display:flex}.logo{width:112px;height:112px;margin-bottom:8px}.title{margin:0;font-size:34px;font-weight:700}.home-main .muted{margin:0 0 16px}.level-grid{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;max-width:480px;display:grid}.tile{aspect-ratio:1;background:var(--surface);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tile-number{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.tile-sub{color:var(--muted);font-size:11px}.tile-sub .icon{width:14px;height:14px}.tile.solved{background:var(--surface-strong)}.tile .stars{color:var(--gold);letter-spacing:1px}.tile.current{box-shadow:inset 0 0 0 2px var(--accent)}.tile.locked{opacity:.4}.setting{background:var(--surface);border-radius:14px;width:100%;max-width:480px;padding:16px}.setting p{margin:6px 0 0}.setting-label{margin-bottom:12px;font-size:17px}.setting.row{justify-content:space-between;align-items:center;gap:16px;display:flex}.setting.row .setting-label{margin-bottom:0}.setting .danger{background:var(--surface-strong);max-width:none}.segmented{background:var(--bg);border-radius:10px;grid-template-columns:repeat(6,1fr);gap:3px;padding:3px;display:grid}.segmented button{font-variant-numeric:tabular-nums;border-radius:8px;padding:8px 0;font-size:16px}.segmented button.active{background:var(--surface-strong);font-weight:600}.schemes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.scheme{background:var(--scheme-bg);box-shadow:inset 0 0 0 1px var(--surface-strong);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;font-size:14px;display:flex}.scheme.active{box-shadow:inset 0 0 0 2px var(--accent);font-weight:600}.swatches{grid-template-columns:repeat(3,14px);gap:5px;display:grid}.swatch{border-radius:50%;width:14px;height:14px}.switch{appearance:none;background:var(--surface-strong);border-radius:999px;flex:none;width:51px;height:31px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--fg);border-radius:50%;width:27px;height:27px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch:checked{background:#34c759}.switch:checked:after{transform:translate(20px)}.credits{text-align:center;margin-top:auto;line-height:1.6}.board{flex:1;align-items:center;width:100%;max-width:480px;display:flex}.board-svg{touch-action:manipulation;width:100%;height:auto;max-height:calc(100dvh - 220px);overflow:visible}.tools{justify-content:center;gap:24px;display:flex}.tool-button{background:var(--surface);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.tool-button .icon{width:28px;height:28px}.tool-button:active:not(:disabled){background:var(--surface-strong)}.tool-button.busy .icon{animation:.9s ease-in-out infinite hint-think}@keyframes hint-think{50%{opacity:.35}}.toast{min-height:20px;color:var(--muted);text-align:center;opacity:0;font-size:15px;transition:opacity .2s ease-out}.toast.show{opacity:1}.badge{background:var(--accent);min-width:22px;height:22px;color:var(--accent-fg);font-variant-numeric:tabular-nums;border-radius:11px;padding:0 6px;font-size:13px;font-weight:700;line-height:22px;position:absolute;top:-2px;right:-2px}.result{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);background:var(--surface);opacity:0;pointer-events:none;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:448px;margin:0 auto;padding:20px;transition:opacity .25s ease-out,transform .35s cubic-bezier(.3,1.4,.6,1);display:flex;position:fixed;transform:translateY(24px);box-shadow:0 12px 40px #00000073}.result.show{opacity:1;pointer-events:auto;transform:none}.result-stars{color:var(--gold);letter-spacing:4px;font-size:32px}.result-text{color:var(--muted);text-align:center}.overlay{z-index:10;opacity:0;background:#05071099;place-items:center;padding:16px;transition:opacity .18s ease-out;display:grid;position:fixed;inset:0}.overlay.show{opacity:1}.dialog{background:var(--surface);text-align:center;border-radius:20px;width:100%;max-width:320px;padding:24px 20px 20px;transition:transform .22s cubic-bezier(.3,1.4,.6,1);transform:scale(.94)}.overlay.show .dialog{transform:none}.dialog-title{margin:0 0 8px;font-size:19px;font-weight:600}.dialog-text{margin:0 0 20px;line-height:1.4}.dialog-actions{gap:10px;display:grid}.dialog-actions button{max-width:none}.dialog .danger{background:var(--surface-strong)}.tube .outline{fill:none;stroke:var(--glass);transition:stroke .2s ease-out}.tube.complete .outline{stroke:var(--fg)}.tube.hint-target .outline{stroke:var(--accent);animation:.9s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{stroke-width:7px;opacity:.6}}.tube .cork{fill:#c9a27e;opacity:0;transition:opacity .18s ease-out,transform .22s cubic-bezier(.3,1.6,.6,1);transform:translateY(-14px)}.tube.complete .cork{opacity:1;transform:none}.hit{fill:#0000;cursor:pointer}.fx{pointer-events:none}@media (prefers-reduced-motion:reduce){.tube .outline,.tube .cork,.result,.switch,.switch:after,.overlay,.dialog,.toast{transition:none}.tube.hint-target .outline,.tool-button.busy .icon{animation:none}}