:root{--ink:#173b33;--ink-soft:#3d5e55;--leaf:#2f6e2b;--leaf-light:#9bdb6a;--rope:#e4572e;--rope-dark:#a53a1c;--paper:#fffffff2;--paper-line:#d6e5db;--wash:#eef6f0;--water:#1d6670;--gold:#f2b630;--silver:#b9c6ce;--bronze:#cd8b52;--danger:#b3261e;--on-dark:#fff;--display:"Gluten", "Trebuchet MS", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--water);color:var(--ink);font:600 16px/1.45 var(--body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}[hidden]{display:none!important}#app{touch-action:manipulation;-webkit-user-select:none;user-select:none;position:fixed;inset:0}canvas#game{cursor:pointer;touch-action:none;width:100%;height:100%;display:block}.hud{padding:calc(10px + var(--safe-t)) var(--gutter-r) 10px var(--gutter-l);pointer-events:none;color:var(--on-dark);text-shadow:0 2px #0a1e1a8c,0 0 12px #0a1e1a59;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.hud-score{justify-items:start;gap:2px;display:grid}.hud-mode{letter-spacing:.12em;text-transform:uppercase;opacity:.9;font-size:12px;font-weight:900}.hud-num{font:800 46px/1 var(--display);font-variant-numeric:tabular-nums}.hud-num.bump{animation:.25s ease-out bump}.hud-line{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.hud-power{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.hud-side{justify-items:end;gap:8px;display:grid}.hud-best{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.hud-actions{pointer-events:auto;gap:8px;display:flex}.chip{font:800 13px/1.4 var(--body);text-shadow:none;color:var(--ink);background:#ffffffe6;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;display:inline-flex}.chip-mult.hot{background:var(--gold);color:#3a2600;animation:.9s ease-in-out infinite pulse}.chip.power-slow{color:#1f5873;background:#cfeaf7}.chip.power-magnet{color:#8a1426;background:#fbd4d9}.chip.power-bubble{color:#1f5873;background:#e2f6ff}.icon-btn{cursor:pointer;width:44px;height:44px;color:var(--ink);background:#ffffffe6;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #0a282340}.icon-btn svg{width:22px;height:22px}.icon-btn.dark{background:var(--wash);box-shadow:none}#btnMute .cross{display:none}#btnMute[aria-pressed=true] .cross{display:inline}#btnMute[aria-pressed=true] .wave{display:none}.toast{left:50%;top:calc(96px + var(--safe-t));max-width:calc(100% - 32px);color:var(--on-dark);font:800 16px/1.3 var(--body);text-align:center;pointer-events:none;background:#173b33e0;border-radius:999px;padding:8px 18px;animation:.25s ease-out toast-in;position:absolute;transform:translate(-50%)}.countdown{pointer-events:none;font:800 clamp(80px, 22vw, 160px)/1 var(--display);color:var(--on-dark);text-shadow:0 6px #0a1e1a80;place-items:center;display:grid;position:absolute;inset:0}.screen{padding:calc(16px + var(--safe-t)) var(--gutter-r) calc(16px + var(--safe-b)) var(--gutter-l);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.screen.dim{background:#081e1c6b}.screen-title{pointer-events:none;justify-content:flex-start;align-items:flex-start}.screen-title .panel{pointer-events:auto}.panel{background:var(--paper);-webkit-user-select:text;user-select:text;border-radius:24px;align-content:start;gap:12px;width:100%;max-width:440px;max-height:100%;padding:20px 22px;animation:.3s cubic-bezier(.2,1.3,.4,1) pop;display:grid;overflow-y:auto;box-shadow:0 14px 40px #06221e4d}.panel.narrow{max-width:320px}.panel.wide{max-width:560px}.panel h2{font:800 clamp(26px, 6vw, 34px)/1.1 var(--display);color:var(--leaf);text-wrap:balance;margin:0}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel p{margin:0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:900}.sub,.note{color:var(--ink-soft);text-wrap:pretty;font-size:15px}.note:empty{display:none}.hint{color:var(--ink-soft);font-size:13px}.title-panel{background:#ffffffe6;max-width:400px}.logo{font:800 clamp(40px, 11vw, 60px)/.95 var(--display);color:var(--leaf);text-shadow:0 3px 0 var(--leaf-light);margin:0}.logo span{color:var(--rope);text-shadow:0 3px #f6c7b6;display:block}.press{font-weight:800}.press kbd{font:800 13px/1 var(--body);border:2px solid var(--ink);background:#fff;border-bottom-width:3px;border-radius:6px;padding:3px 7px}#titleBoard .press,#titleMain .press{animation:1.6s ease-in-out infinite blink}.board-title{font:800 30px/1.1 var(--display);color:var(--leaf);margin:0}.menu{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stack{gap:10px;display:grid}.row{flex-wrap:wrap;gap:10px;display:flex}.row .btn{flex:auto}.btn{appearance:none;cursor:pointer;font:800 19px/1.1 var(--display);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:11px 18px 9px;transition:transform 60ms,box-shadow 60ms}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.primary{background:var(--rope);color:#fff;border-color:var(--rope-dark);box-shadow:0 4px 0 var(--rope-dark)}.btn.primary:active{box-shadow:0 1px 0 var(--rope-dark)}.btn.ghost{background:var(--wash);box-shadow:none;border-color:#0000}.btn.small{padding:8px 14px 6px;font-size:16px}.btn.danger{background:var(--danger);color:#fff;border-color:#7a1a14;box-shadow:0 4px #7a1a14}.btn:disabled{opacity:.55;cursor:default;transform:none}.wide-btn{width:100%}button:focus-visible,input:focus-visible,.tap-pad:focus-visible{outline-offset:3px;outline:3px solid #1a73e8}.big-score{font:800 56px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.big-score small{font:800 16px var(--body);color:var(--ink-soft);margin-left:8px}.touch-only{display:none}@media (hover:none) and (pointer:coarse){.kb-only{display:none}.touch-only{display:inline}}.stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0;display:grid}.stats div{background:var(--wash);border-radius:14px;padding:8px 12px}.stats dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:900}.stats dd{font:800 22px/1.2 var(--display);font-variant-numeric:tabular-nums;margin:0}.nick{border:2px dashed var(--gold);background:#fff6d8;border-radius:16px;gap:6px;padding:12px;display:grid}.nick label{font-weight:900}.nick-row{flex-wrap:wrap;gap:8px;display:flex}.nick-row input{min-width:0;font:800 20px/1.2 var(--display);color:var(--ink);border:2.5px solid var(--ink);background:#fff;border-radius:14px;flex:140px;padding:9px 14px 7px}.nick-row .btn{flex:none}.form-msg{font-size:14px;font-weight:800}.form-msg.ok{color:var(--leaf)}.form-msg.err{color:var(--danger)}.stars{color:#d5ddd8;gap:6px;font-size:30px;line-height:1;display:flex}.stars.big{justify-content:center;font-size:46px}.stars .on{color:var(--gold);text-shadow:0 2px #9a6a00}.stars.small{gap:1px;font-size:15px}.tabs{background:var(--wash);border-radius:999px;gap:6px;padding:4px;display:flex}.tabs button{cursor:pointer;font:800 16px/1.1 var(--display);color:var(--ink-soft);background:0 0;border:0;border-radius:999px;flex:1;padding:8px 10px}.tabs button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 2px 6px #0a282326}.tabs.small button{font:800 14px/1.1 var(--body);padding:6px 8px}.board-body{min-height:120px}.board{gap:6px;margin:0;padding:0;list-style:none;display:grid}.board li{background:var(--wash);border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px;display:grid}.board li.me{outline:2px solid var(--gold);background:#fff1c9}.board .rank{width:32px;height:32px;font:800 15px/1 var(--body);font-variant-numeric:tabular-nums;background:#fff;border-radius:50%;place-items:center;display:grid}.board li:first-child .rank.medal{background:var(--gold)}.board li:nth-child(2) .rank.medal{background:var(--silver)}.board li:nth-child(3) .rank.medal{background:var(--bronze);color:#fff}.board .name{font:800 18px/1.2 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board .meta{font:700 12px/1.2 var(--body);color:var(--ink-soft);display:block}.board .pts{font:800 20px/1 var(--display);font-variant-numeric:tabular-nums;text-align:right}.board-gap{text-align:center;color:var(--ink-soft);font-weight:900}.empty{text-align:center;color:var(--ink-soft);border:2px dashed var(--paper-line);border-radius:16px;padding:18px}.worlds{gap:14px;display:grid}.world h3{font:800 20px/1.1 var(--display);color:var(--ink);margin:0 0 6px}.world h3 small{font:700 13px var(--body);color:var(--ink-soft);margin-left:6px}.levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.level-btn{cursor:pointer;border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);font:800 18px/1 var(--display);color:var(--ink);background:#fff;border-radius:16px;justify-items:center;gap:3px;padding:8px 2px 6px;display:grid}.level-btn.boss{border-color:var(--rope-dark);box-shadow:0 3px 0 var(--rope-dark);background:#ffe7de}.level-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;border-style:dashed}.level-btn .lvl-name{font:700 10px/1.1 var(--body);color:var(--ink-soft);text-align:center;overflow-wrap:anywhere}.field{border:0;gap:6px;margin:0;padding:0;font-weight:800;display:grid}.field legend{margin-bottom:6px;padding:0}.field output{color:var(--ink-soft);margin-left:6px;font-weight:700}.range-ends{color:var(--ink-soft);justify-content:space-between;font-size:12px;display:flex}input[type=range]{width:100%;accent-color:var(--rope)}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:2px solid var(--paper-line);cursor:pointer;font:800 14px/1.1 var(--body);color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px}.seg button[aria-pressed=true]{border-color:var(--ink);background:var(--wash)}.settings{gap:12px;display:grid}.toggle{cursor:pointer;align-items:center;gap:10px;font-weight:800;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--leaf)}.setting-row{border-top:1px solid var(--paper-line);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.confirm{background:#fde8e6;border-radius:14px;gap:8px;padding:12px;display:grid}.tap-pad{aspect-ratio:2.4;cursor:pointer;border:3px solid var(--ink);background:var(--wash);width:100%;max-width:100%;font:800 24px/1 var(--display);color:var(--ink);touch-action:manipulation;border-radius:22px}.tap-pad.hit{background:var(--leaf-light)}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes bump{0%{transform:scale(1.18)}to{transform:none}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes blink{50%{opacity:.55}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.reduced *,.reduced :before,.reduced :after{transition:none!important;animation:none!important}@media (max-width:420px){.panel{border-radius:20px;padding:16px}.btn{padding:10px 14px 8px;font-size:17px}.hud-num{font-size:40px}.levels{gap:5px}.level-btn .lvl-name{display:none}}@media (max-height:520px) and (orientation:landscape){.screen-title{align-items:flex-start}.title-panel{gap:8px;max-width:340px;padding:14px 16px}.logo{font-size:36px}.hint{display:none}}