:root{--surface:#fff6e5;--surface-raised:#fff;--surface-sunk:#f1e8d8;--ink:#3d3230;--ink-dim:#7a6c68;--ink-on-accent:#fff;--accent:#3fa7d6;--accent-dim:#2b88b3;--line:#e6dccb;--good:#3c9a5f;--warn:#c9541c;--font-ui:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:16px;--shadow:0 3px 0 #3d32302e;--shadow-pressed:0 1px 0 #3d32302e;--mark-heart:#e5484d}:root[data-look=space]{--surface:#0b1024;--surface-raised:#1a2244;--surface-sunk:#10183a;--ink:#eef1ff;--ink-dim:#a7b0d8;--ink-on-accent:#0b1024;--accent:#4fe3f0;--accent-dim:#2bb6c3;--line:#2a3566;--shadow:0 3px 0 #00000073;--shadow-pressed:0 1px 0 #00000073}:root[data-look=garden]{--surface:#f4fbe9;--surface-raised:#fff;--surface-sunk:#e0f0cb;--ink:#2f4220;--ink-dim:#687a55;--ink-on-accent:#fff;--accent:#5b9a35;--accent-dim:#467a27;--line:#cfe3b6}:root[data-look=ocean]{--surface:#0a3a5c;--surface-raised:#145179;--surface-sunk:#0d4469;--ink:#f0fbff;--ink-dim:#a9d6ee;--ink-on-accent:#063049;--accent:#ffd66b;--accent-dim:#e6b94a;--line:#2a6f99;--shadow:0 3px 0 #00000059;--shadow-pressed:0 1px 0 #00000059}:root[data-look=kawaii]{--surface:#fff5fa;--surface-raised:#fff;--surface-sunk:#ffe3ef;--ink:#5a3a48;--ink-dim:#9a7685;--ink-on-accent:#fff;--accent:#e0679a;--accent-dim:#c44f80;--line:#ffd0e2}*{box-sizing:border-box}html,body{background:var(--surface);height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;margin:0}#app{height:100dvh;overflow:hidden}button{font:700 16px var(--font-ui);border-radius:var(--radius);background:var(--surface-raised);min-width:48px;min-height:48px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;border:0;padding:10px 16px}button:active{box-shadow:var(--shadow-pressed);transform:translateY(2px)}button:disabled{opacity:.4}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button.big{background:var(--accent);color:var(--ink-on-accent);min-height:60px;font-size:20px}a{color:var(--accent)}.menu{max-width:440px;height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:10px;margin:0 auto;display:flex;overflow-y:auto}.wordmark{font:800 64px/1 var(--font-display);text-align:center;justify-content:center;align-items:center;gap:12px;margin:0;display:flex}.wordmark svg{width:84px;height:42px}.tag{text-align:center;color:var(--ink-dim);margin:0 0 6px}.levels,.row{align-items:center;gap:10px;display:flex}.levels{color:var(--ink-dim);justify-content:space-between}.row>button{flex:1}.speeds{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.speeds button{background:var(--surface-sunk);color:var(--ink-dim);padding:8px 4px;font-size:13px}.speeds button.on{background:var(--accent);color:var(--ink-on-accent)}.best,.warn{text-align:center;color:var(--ink-dim);margin:4px 0 0}.warn{color:var(--warn)}.play{max-width:520px;height:100%;padding:max(8px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:8px;margin:0 auto;display:grid}.hud{align-items:center;gap:8px;display:flex}.hud .back{min-width:48px;padding:0;font-size:22px}.stat{flex-direction:column;flex:1;align-items:center;font-size:18px;display:flex}.stat span{color:var(--ink-dim);text-transform:uppercase;font-size:11px}.next{background:var(--surface-sunk);border-radius:12px;width:64px;height:40px;padding:4px}.next svg{width:100%;height:100%}.well{justify-content:center;min-height:0;display:flex;position:relative}#jar{aspect-ratio:1/2;touch-action:none;max-width:100%;height:100%}#jar .pop{transform-box:fill-box;transform-origin:50%;animation:.45s ease-out forwards pop}@keyframes pop{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}#jar .germ{transform-box:fill-box;transform-origin:bottom;animation:1.6s ease-in-out infinite alternate wiggle}@keyframes wiggle{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.chain{border-radius:var(--radius);background:var(--accent);color:var(--ink-on-accent);font:800 24px var(--font-display);pointer-events:none;padding:8px 18px;position:absolute;top:30%;left:50%;transform:translate(-50%)}.over{border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow);text-align:center;flex-direction:column;gap:10px;padding:20px;display:flex;position:absolute;inset:20% 8% auto}.over h2{font:800 28px var(--font-display);margin:0}.over p{color:var(--ink-dim);margin:0}.pad{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pad button{min-height:64px;font-size:30px;line-height:1}.pad .turn{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.pad .drop{background:var(--accent);color:var(--ink-on-accent)}.sheet{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;place-items:center;margin:0;padding:16px;display:grid;position:fixed;inset:0}.sheet::backdrop{background:#00000059}.licences{align-items:center;min-height:44px;display:inline-flex}.card{border-radius:var(--radius);background:var(--surface-raised);flex-direction:column;gap:10px;width:min(440px,100%);max-height:100%;padding:20px;display:flex;overflow-y:auto}.card h2{font:800 26px var(--font-display);margin:0}.card p{margin:0;line-height:1.4}.ethos{color:var(--ink-dim);border-top:1px solid var(--line);padding-top:10px}.version{color:var(--ink-dim);font:13px var(--font-mono)}.looks{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.look{background:var(--surface-sunk);flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.look.on{outline:3px solid var(--accent)}.look svg{width:72px;height:72px}.maker{border-top:1px solid var(--line);font:13px var(--font-mono);color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:5px;padding-top:10px;display:flex}.maker a{min-width:44px;min-height:44px;color:var(--ink-dim);justify-content:center;align-items:center;display:inline-flex}.maker svg{width:16px;fill:var(--mark-heart)}.toast{border-radius:var(--radius);background:var(--ink);max-width:90vw;color:var(--surface);z-index:6;word-break:break-all;padding:10px 16px;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.update{left:50%;top:max(8px, env(safe-area-inset-top));background:var(--accent);color:var(--ink-on-accent);z-index:7;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){#jar .germ,#jar .pop{animation:none}}.corner{top:calc(env(safe-area-inset-top) + 8px);color:var(--ink-dim,#8a7d72);opacity:.8;pointer-events:none;font:600 12px ui-monospace,monospace;position:fixed;right:12px}