:root{--surface:#f4f8ff;--surface-raised:#fff;--surface-sunk:#e6eef9;--ink:#3d3230;--ink-dim:#6f6a75;--ink-on-accent:#fff;--accent:#5c9fd6;--accent-dim:#4384ba;--line:#c9d6e8;--good:#3c9a5f;--warn:#d6455d;--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 #3d323029;--shadow-pressed:0 1px 0 #3d323029;--mark-heart:#e5484d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#161b26;--surface-raised:#232a3a;--surface-sunk:#1d2433;--ink:#eef1fa;--ink-dim:#a3abc2;--ink-on-accent:#10151f;--accent:#8cc2ee;--accent-dim:#6aa6d8;--line:#3a4560;--warn:#ff7d90;--shadow:0 3px 0 #00000073;--shadow-pressed:0 1px 0 #00000073}}*{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)}.play{max-width:520px;height:100%;padding:max(8px, env(safe-area-inset-top)) 12px max(6px, 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 .icon{min-width:44px;min-height:44px;padding:0;font-size:22px;line-height:1}.stat{flex-direction:column;flex:1;align-items:center;min-width:0;font-size:22px;display:flex}.stat b{white-space:nowrap;font-variant-numeric:tabular-nums}.stat span{color:var(--ink-dim);font-size:11px}.next{color:var(--ink-dim);flex-direction:column;align-items:center;font-size:11px;display:flex}.next canvas{background:var(--surface-sunk);border-radius:14px;width:48px;height:48px}.surface{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;min-height:0;display:flex;position:relative}#jar{touch-action:none;display:block}.flair,.careful{border-radius:var(--radius);font:800 18px var(--font-display);white-space:nowrap;pointer-events:none;padding:6px 14px;position:absolute;left:50%;transform:translate(-50%)}.flair{background:var(--accent);color:var(--ink-on-accent);animation:1.8s ease-out forwards flair;top:22%}@keyframes flair{0%{opacity:0;transform:translate(-50%,8px)scale(.9)}12%{opacity:1;transform:translate(-50%)scale(1.05)}20%,80%{transform:translate(-50%)scale(1)}to{opacity:0}}.careful{background:var(--warn);color:var(--ink-on-accent);padding:3px 10px;font-size:13px;top:2px}.over{border-radius:var(--radius);background:var(--surface-raised);border:3px solid var(--ink);box-shadow:var(--shadow);text-align:center;flex-direction:column;gap:10px;padding:20px;display:flex;position:absolute;inset:18% 8% auto}.over h2{font:800 28px var(--font-display);margin:0}.over p{color:var(--ink-dim);margin:0;font-size:18px}.over p b{color:var(--ink)}.foot{color:var(--ink-dim);justify-content:space-between;align-items:center;font-size:12px;display:flex}.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}.ladder{color:var(--ink-dim);text-align:center;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.ladder canvas{width:40px;height:40px;margin:0 auto 2px;display:block}.ethos{color:var(--ink-dim);border-top:1px solid var(--line);padding-top:10px}.version{color:var(--ink-dim);font:13px var(--font-mono)}.row{gap:10px;display:flex}.row>button{flex:1}.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)}.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%)}.warn{color:var(--warn)}.corner{font:600 12px var(--font-mono);color:var(--ink-dim);opacity:.8}@media (prefers-reduced-motion:reduce){.flair{animation:none}}