:root{--bg:#eef6fb;--text:#1d2b3a;--muted:#5f7285;--panel:#1f7ae0;--panel-text:#fff;--btn:#1f7ae0;--btn-hover:#1766bd;--btn-alt:#5f7285;--btn-alt-hover:#4b5c6d;--overlay:#eef6fbdb;--input-border:#b9cbda;--timer-track:#d5e3ee;--timer:#1f7ae0;--timer-low:#e5484d;--touch:#d5e3ee;--touch-active:#b9cbda;--sky-top:#d9ecfa;--sky-bottom:#f6fbff;--floor:#7c8da0;--wall:#9fb2c4;--rope:#3a4a5c;--p1:#1f7ae0;--p2:#e0571f;--skin:#ffd8b4;--ball-0:#ffd166;--ball-1:#06d6a0;--ball-2:#4cc9f0;--ball-3:#ff6b6b;--banner:#1d2b3a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121a24;--text:#e6eef6;--muted:#93a4b6;--panel:#2b3b4e;--btn:#3b8ef0;--btn-hover:#5aa1f5;--btn-alt:#4b5c6d;--btn-alt-hover:#5f7285;--overlay:#121a24db;--input-border:#3b4b5d;--timer-track:#26323f;--touch:#26323f;--touch-active:#3b4b5d;--sky-top:#1a2636;--sky-bottom:#0f1620;--floor:#3b4b5d;--wall:#2b3b4e;--rope:#cfdbe7;--skin:#f1c7a3;--banner:#e6eef6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));justify-content:center;display:flex}.app{width:100%;max-width:880px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,6vw,44px);font-weight:800;line-height:1}.hud{gap:8px;display:flex}.hud-box{background:var(--panel);min-width:64px;color:var(--panel-text);text-align:center;border-radius:8px;padding:5px 10px}.hud-label{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:10px;font-weight:700;display:block}.hud-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:800;display:block}.lives{letter-spacing:.05em}.timer{background:var(--timer-track);border-radius:3px;height:6px;margin:12px 0 8px;overflow:hidden}.timer-fill{background:var(--timer);transform-origin:0;border-radius:3px;width:100%;height:100%;transition:background-color .3s}.timer-fill.low{background:var(--timer-low)}.stage{aspect-ratio:800/480;background:var(--sky-bottom);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;position:relative;overflow:hidden}.canvas{width:100%;height:100%;display:block}.overlay{z-index:5;text-align:center;background:var(--overlay);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;animation:.3s backwards fade;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay-title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,7cqw,48px);font-weight:800}.overlay-text{max-width:48ch;color:var(--muted);margin:0;font-weight:600;line-height:1.4}.overlay{overflow-y:auto}.btn.online{background:var(--p2)}.btn.online:hover{filter:brightness(.92)}.online-name{width:min(100%,300px)}.online-name .name-input{text-align:center;width:100%;font-weight:700}.online-name[hidden],.rooms[hidden]{display:none}.rooms{grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,520px);display:grid}.room{border:2px solid var(--input-border);background:var(--bg);min-width:0;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.room:hover:not(:disabled){border-color:var(--btn)}.room:focus-visible{outline:3px solid var(--ball-0);outline-offset:2px}.room.waiting{border-color:var(--p2)}.room:disabled{cursor:default;opacity:.55}.room-name{font-weight:800}.room-status{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.room.waiting .room-status{color:var(--p2)}.menu-status{min-height:1.2em;color:var(--timer-low);margin:-6px 0 0;font-weight:700}.menu-status:empty{display:none}.overlay-note{color:var(--muted);margin:0;font-size:13px}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.controls{flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:0;font-size:14px;display:flex}.controls div{align-items:center;gap:8px;display:flex}.controls dt,.controls dd{margin:0}.controls dt{font-weight:800}.p1{color:var(--p1)}.p2{color:var(--p2)}kbd{border:1px solid var(--input-border);background:var(--bg);min-width:22px;font:inherit;text-align:center;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:12px;font-weight:700;display:inline-block}.btn{background:var(--btn);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;padding:10px 16px;font-weight:700}.btn:hover{background:var(--btn-hover)}.btn.alt{background:var(--btn-alt)}.btn.alt:hover{background:var(--btn-alt-hover)}.btn.big{padding:12px 24px;font-size:18px}.btn:focus-visible,.touch-btn:focus-visible{outline:3px solid var(--ball-0);outline-offset:2px}.submit{gap:8px;width:min(100%,340px);display:flex}.submit[hidden]{display:none}.name-input{border:2px solid var(--input-border);background:var(--bg);min-width:0;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:8px 12px;font-size:16px}.name-input:focus{border-color:var(--btn);outline:none}.submit-status{min-height:1.4em;margin:-6px 0 0;font-weight:600}.submit-status a{color:inherit}.touch{grid-template-columns:1fr 1.4fr 1fr;gap:10px;margin-top:12px;display:grid}.touch[hidden]{display:none}.touch-btn{background:var(--touch);height:64px;color:var(--text);font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:12px;font-size:22px;font-weight:800}.touch-btn.fire{background:var(--btn);color:#fff}.touch-btn.active{background:var(--touch-active)}.touch-btn.fire.active{background:var(--btn-hover)}.powers{background:var(--touch);border-radius:10px;margin-top:16px;padding:12px 14px}.powers-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:800}.powers-intro{color:var(--muted);margin:0;font-size:14px}.powers-list{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 16px;margin:10px 0;padding:0;font-size:14px;list-style:none;display:grid}.powers-list li{align-items:flex-start;gap:8px;display:flex}.powers-list strong{color:var(--text);display:block}.power-desc{font-size:13px;display:block}.power-icon{flex-shrink:0;font-size:20px;line-height:1.2}.help{color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.5}.board-link{color:var(--text);margin-top:6px;font-weight:700;display:block}@keyframes fade{0%{opacity:0}}@media (width<=560px),(height<=520px){.overlay{justify-content:flex-start;gap:10px}.overlay-title{font-size:26px}.menu .overlay-text,.overlay-note,.lobby.browsing .overlay-title,.lobby.browsing .overlay-text{display:none}.room{padding:6px 4px}.room-status{font-size:11px}.btn.big{padding:10px 16px;font-size:16px}}@media (width<=560px){.hud-box{min-width:54px;padding:4px 8px}.hud-value{font-size:16px}.controls{display:none}}@media (prefers-reduced-motion:reduce){.overlay{animation:none}.timer-fill{transition:none}}.lives-p{font-size:15px}.lives-p.p1{color:#9cc8ff}.lives-p.p2{color:#ffb08a}