:root{--surface:#fff8ec;--surface-raised:#fff;--surface-sunk:#f6ead2;--ink:#3d3230;--ink-dim:#6f6a75;--ink-on-accent:#3d3230;--accent:#f2b84b;--accent-dim:#d99a2b;--line:#ead9b9;--warn:#d6455d;--coin:#ffd23f;--coin-edge:#c9960f;--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:#1b1a22;--surface-raised:#2a2833;--surface-sunk:#23212b;--ink:#f3eee6;--ink-dim:#b0a9b8;--ink-on-accent:#1b1a22;--accent:#f2c066;--accent-dim:#d9a447;--line:#3d3a48;--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: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-dim)}.play{height:100%;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;gap:6px;display:grid}.hud{flex-direction:column;gap:2px;display:flex}.hud .top{justify-content:space-between;align-items:flex-start;display:flex}.hud .logo{display:flex}.hud .logo .wordmark{width:auto;height:36px}.stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 10px;font-size:19px;display:flex}.stat b.full{color:var(--warn)}.rank{align-items:center;gap:4px;display:flex}.rank .badge{width:22px;height:22px;fill:var(--coin);stroke:var(--coin-edge);stroke-width:1.5px;stroke-linejoin:round}.rank b{font-variant-numeric:tabular-nums}.rank .bar{background:var(--surface-sunk);border:1px solid var(--line);border-radius:5px;width:44px;height:10px;overflow:hidden}.rank .fill{background:var(--coin);height:100%;transition:width .4s ease-out;display:block}.rank small{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:12px}.zoom{color:#3a2e2b;font:800 15px var(--font-display);pointer-events:none;background:#ff8fc8;border-radius:999px;padding:4px 12px;position:absolute;top:10px;left:10px}.cheer{border-radius:var(--radius);background:var(--accent);color:var(--ink-on-accent);font:800 18px var(--font-display);white-space:nowrap;pointer-events:none;padding:8px 16px;animation:2.4s ease-out forwards cheer;position:absolute;top:14%;left:50%;transform:translate(-50%)}@keyframes cheer{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}10%{opacity:1;transform:translate(-50%)scale(1.06)}20%,80%{transform:translate(-50%)scale(1)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cheer{animation:none}}.stat{align-items:center;gap:6px;display:flex}.stat b{font-variant-numeric:tabular-nums}.stat span{color:var(--ink-dim);font-size:11px}.coin-mark{width:20px;height:20px}.coin-mark circle{fill:var(--coin);stroke:var(--coin-edge);stroke-width:2px}.surface{border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;min-height:0;position:relative;overflow:hidden}#jail{touch-action:none;width:100%;height:100%;display:block}.foot{flex-direction:column;gap:6px;display:flex}.tip{text-align:center;min-height:1.3em;color:var(--ink-dim);margin:0;font-size:14px;font-weight:700}.nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:640px;margin:0 auto;display:grid}.nav svg .knob{fill:var(--surface-raised)}.nav button{white-space:nowrap;flex-direction:column;align-items:center;gap:2px;min-height:58px;padding:6px 4px;font-size:13px;font-weight:600;display:flex}.nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.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 .title{justify-content:center;padding:2px 0 4px;display:flex}.card .title .wordmark{width:min(240px,80%);height:auto;display:block}.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)}.row{gap:10px;display:flex}.row>button{flex:1}.maker{border-top:1px solid var(--line);text-align:center;font:13px var(--font-mono);color:var(--ink-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .3em;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}.mark-heart{width:.85em;height:.85em;fill:var(--mark-heart)}.mark-dot{opacity:.45}.mark-tail{align-items:center;gap:0 .3em;display:inline-flex}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.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)}.skins{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.skin{border:3px solid #0000;flex-direction:column;align-items:center;gap:4px;display:flex}.skin.now{border-color:var(--accent)}.skin canvas{width:132px;max-width:100%;height:64px}.hint{color:var(--ink-dim);font-size:14px}.corner{text-align:right;font:600 12px var(--font-mono);color:var(--ink-dim);opacity:.8}#place{font:700 13px var(--font-ui)}@media (min-width:700px) and (min-height:700px){.hud .logo .wordmark{height:52px}.stats{font-size:28px}.rank .badge{width:34px;height:34px}.rank .bar{width:110px;height:14px}.rank small{font-size:15px}.stat span{font-size:16px}.corner{font-size:14px}#place{font-size:17px}.tip{font-size:18px}.nav button{min-height:68px;font-size:16px}.nav svg{width:28px;height:28px}}