:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#10131a;color:#eff3fb}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:minmax(260px,340px) 1fr;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%),#10131a}.shell.playing{grid-template-columns:1fr;grid-template-rows:1fr;height:100vh;height:100dvh;overflow:hidden}.join-panel{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:28px;border-right:1px solid rgba(255,255,255,.08);background:#151923}.join-panel.hidden{display:none}.join-panel h1{margin:0 0 8px;font-size:34px;line-height:1;letter-spacing:0}.join-panel p{margin:0;color:#aeb8ca;line-height:1.5}.join-panel label{display:grid;gap:8px;color:#c9d2e2;font-size:13px;font-weight:700}.field-hint{color:#95a4ba;font-size:12px;font-weight:650}.network-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid rgba(105,210,255,.22);border-radius:6px;padding:8px 10px;background:#69d2ff14;color:#aeb8ca;font-size:12px}.network-panel span{display:flex;justify-content:space-between;gap:8px}.network-panel strong{color:#eff8ff}.join-panel input,.join-panel select{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:0 12px;background:#0f1219;color:#eff3fb}.join-panel input[type=color]{padding:4px}.join-panel input[type=checkbox]{width:16px;min-height:16px;padding:0}.join-panel button{min-height:44px;border:0;border-radius:6px;background:#f5d36b;color:#15110a;font-size:14px;font-weight:800;cursor:pointer}.lobby-picker{display:grid;gap:8px}.lobby-picker__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.lobby-picker__header strong{color:#c9d2e2;font-size:13px;text-transform:uppercase}.lobby-picker__header button,.create-lobby button{width:auto;min-height:34px;padding:0 12px;background:#252b38;color:#eff3fb}.create-lobby__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.create-lobby__actions button:first-child{background:#f5d36b;color:#15110a}#lobbies{display:grid;gap:6px;margin:0;padding:0;list-style:none}#lobbies>li{margin:0}#lobbies button{display:grid;width:100%;min-height:54px;gap:3px;border:1px solid rgba(255,255,255,.12);padding:8px 10px;background:#0f1219;color:#eff3fb;text-align:left}#lobbies button.selected{border-color:#f5d36bd9;background:#f5d36b1f}#lobbies strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}#lobbies span,#lobbies em,.lobby-row{color:#aeb8ca;font-size:12px}#lobbies em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.create-lobby{display:grid;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px;background:#0c0f165c}.create-lobby summary{cursor:pointer;color:#c9d2e2;font-size:13px;font-weight:800;text-transform:uppercase}.powerup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.powerup-grid label{display:flex;align-items:center;min-height:30px;gap:7px;border-radius:6px;padding:6px 8px;background:#0f1219;color:#c9d2e2;font-size:12px}.create-lobby[open]>label,.create-lobby[open]>button,.create-lobby[open]>.create-lobby__actions{margin-top:10px}.controls{padding-top:8px;font-size:13px}.game-panel{position:relative;min-width:0;min-height:0}.shell.playing .game-panel{height:100vh;height:100dvh}#game{display:block;width:100%;height:100%}.shell.playing #game{height:100vh;height:100dvh}.hud{position:absolute;inset:10px 14px auto;display:grid;grid-template-columns:max-content max-content 1fr max-content;gap:10px;align-items:start;pointer-events:none}.shell:not(.playing) .hud{display:none}.hud>div,.hud ol{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#0c0f16c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud>div{display:flex;max-width:min(320px,42vw);align-items:center;gap:7px;padding:5px 8px}.hud>div.death{flex-wrap:wrap;max-width:min(390px,42vw)}.hud>div.hud-net{display:grid;grid-template-columns:repeat(4,max-content);max-width:min(390px,48vw);gap:8px}.hud-net span{display:inline-flex;gap:4px;white-space:nowrap}.hud-net strong{color:#eff8ff}.hud-net.warn,.network-panel.warn{border-color:#f5d36b7a;background:#f5d36b17}.hud-net.bad,.network-panel.bad{border-color:#ff5f628f;background:#ff5f621a}.hud>div.hidden{display:none}.hud strong{font-size:12px;text-transform:uppercase}.hud span{color:#aeb8ca;font-size:12px}#status{flex:0 0 auto;line-height:1.25;white-space:nowrap}.hud>div.death #status{flex:1 1 100%}#identity{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-toggle{pointer-events:auto;height:20px;min-height:20px;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:2px 6px;background:#05070b9e;color:#95a4ba;font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.audio-toggle.enabled{border-color:#69d2ffc7;color:#eff8ff;box-shadow:0 0 12px #69d2ff2e}.leave-match{pointer-events:auto;height:20px;min-height:20px;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:2px 6px;background:#ff67671f;color:#ffc0c0;font-size:10px;font-weight:850;line-height:1;text-transform:uppercase}#timer{justify-self:center;min-width:84px;padding:6px 12px;text-align:center;font-size:18px;font-weight:900}#scoreboard{display:grid;max-width:min(220px,28vw);max-height:126px;gap:3px;overflow:hidden;padding:6px;list-style-position:inside}#scoreboard:empty{display:none}#scoreboard li{display:flex;justify-content:space-between;gap:12px;padding:3px 5px;border-radius:4px;color:#d8deea;font-size:12px}#scoreboard li span,.match-over li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#scoreboard li strong,.match-over li strong{flex:0 0 auto;white-space:nowrap}.score-stat{display:inline-grid;grid-template-columns:minmax(14px,auto) minmax(42px,auto);align-items:baseline;gap:7px;font-variant-numeric:tabular-nums}.score-stat b{color:#fff}.score-stat small{color:#95a4ba;font-size:10px;font-weight:800}.match-over .score-stat{grid-template-columns:minmax(20px,auto) minmax(54px,auto);gap:10px}.match-over .score-stat small{font-size:12px}#scoreboard li.self{background:#f5d36b2e;color:#fff}#scoreboard li.gap,.match-over li.gap{justify-content:center;color:#95a4ba;font-size:11px;text-transform:uppercase}#scoreboard li.gap strong,.match-over li.gap strong{display:none}#scoreboard li.bot{color:#aeb8ca}.ability-panel{position:absolute;left:18px;top:56px;display:grid;gap:6px;width:min(230px,calc(100% - 36px));pointer-events:none}.ability-panel.hidden{display:none}.ability{display:grid;gap:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:7px 9px;background:#0c0f16c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ability>div{display:flex;justify-content:space-between;gap:10px}.ability strong{color:#eff3fb;font-size:12px;text-transform:uppercase}.ability span{color:#c9d2e2;font-size:12px;font-weight:800}.ability i{display:block;width:100%;height:4px;border-radius:99px;background:#f5d36b;transform-origin:left center}.ability.chicken i,.ability.fists i,.ability.damage i,.ability.knockback i{background:#ffd35c}.ability.health i{background:#45d483}.ability.danger i{background:#ff5f62}.ability.ready i{background:#ff5b7c}.ability.cooldown i{background:#95a4ba}.ability.speed i,.ability.shield i{background:#69d2ff}.ability.jump i{background:#8eff77}.spectator-panel{position:absolute;left:18px;top:104px;display:grid;width:min(270px,calc(100% - 36px));gap:8px;border:1px solid rgba(105,210,255,.26);border-radius:8px;padding:10px;background:#0c0f16d6;color:#eff3fb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.spectator-panel.hidden{display:none}.spectator-panel strong{font-size:13px;text-transform:uppercase}.spectator-panel>span{color:#c9d2e2;font-size:12px;font-weight:750}.spectator-panel ol{display:grid;gap:3px;margin:0;padding:0;list-style:none}.spectator-panel li{display:flex;justify-content:space-between;gap:10px;border-radius:4px;padding:4px 5px;background:#ffffff0a;color:#d8deea;font-size:12px}.spectator-panel li.bot{color:#aeb8ca}.spectator-panel li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-panel li strong{flex:0 0 auto;white-space:nowrap}.spectator-panel button{min-height:30px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#202838;color:#eff3fb;font-weight:850;cursor:pointer}.spectator-panel button.primary{border-color:#ffda68b3;background:#ffda68;color:#090d14}.spectator-panel button.ready{border-color:#8eff779e;background:#1d3b2a;color:#dfffd8}.event-feed{position:absolute;left:18px;bottom:18px;display:grid;gap:6px;width:min(360px,calc(100% - 36px));margin:0;padding:0;list-style:none;pointer-events:none}.event-feed:empty{display:none}.event-feed li{width:fit-content;max-width:100%;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.12);border-left-width:4px;border-radius:6px;padding:7px 10px;background:#0c0f16d1;color:#eff3fb;font-size:13px;font-weight:750;line-height:1.2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.event-feed li.major{padding:8px 12px;border-left-width:6px;background:#0c0f16e6;font-size:14px;box-shadow:0 8px 22px #0000003d}.event-feed li.danger{border-left-color:#ff5b7c}.event-feed li.chicken{border-left-color:#ffd35c;background:#231a0be6}.event-feed li.powerup{border-left-color:#69d2ff}.event-feed li.warning{border-left-color:#ffd35c;background:#271d0ddb}.event-feed li.grab{border-left-color:#d7aa6d}.touch-controls{display:none}.touch-controls button{width:54px;height:54px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#0c0f16c7;color:#eff3fb;font-size:18px;font-weight:900;line-height:1;box-shadow:0 8px 20px #00000047;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls button.pressed,.touch-controls button:active{border-color:#f5d36be6;background:#f5d36b38;color:#fff;transform:translateY(1px)}.touch-controls__move,.touch-controls__actions{display:grid;gap:8px}.touch-controls__move{grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px)}.touch-controls__move [data-input-action=jump]{grid-column:2;grid-row:1}.touch-controls__move [data-input-action=left]{grid-column:1;grid-row:2}.touch-controls__move [data-input-action=down]{grid-column:2;grid-row:2}.touch-controls__move [data-input-action=right]{grid-column:3;grid-row:2}.touch-controls__actions{grid-template-columns:repeat(2,54px);grid-template-rows:repeat(2,54px)}.touch-controls__actions [data-input-action=punch]{grid-column:1;grid-row:1}.touch-controls__actions [data-input-action=kick]{grid-column:2;grid-row:1}.touch-controls__actions [data-input-action=grab]{grid-column:2;grid-row:2}.debug-overlay{position:absolute;right:18px;bottom:18px;display:grid;grid-template-columns:auto auto;gap:1px 8px;min-width:168px;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:5px 7px;background:#05070bc7;color:#d8deea;font-size:10px;line-height:1.05;pointer-events:none}.debug-overlay.hidden{display:none}.debug-overlay div{display:contents}.debug-overlay span{color:#95a4ba}.debug-overlay strong{justify-self:end;color:#eff3fb}.match-over{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#05070b6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.match-over.hidden{display:none}.lobby-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#05070b3d;pointer-events:auto}.lobby-overlay.hidden{display:none}.lobby-overlay section{display:grid;width:min(300px,100%);gap:10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:16px;background:#0c0f16e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby-overlay strong{font-size:18px}.lobby-overlay span{color:#aeb8ca;font-size:13px}.lobby-overlay button{min-height:42px;border:0;border-radius:6px;background:#f5d36b;color:#15110a;font-weight:850;cursor:pointer}.lobby-overlay button:disabled{cursor:default;opacity:.62}.lobby-overlay button.secondary{border:1px solid rgba(255,255,255,.12);background:#202838;color:#eff3fb}.match-over section{width:min(430px,100%);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:18px;background:#0c0f16eb}.match-over h2{margin:0 0 12px;font-size:22px;line-height:1.1}.match-over__status{margin:-4px 0 14px;color:#bfc8d8;font-size:13px;line-height:1.35}.match-over__awards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px}.match-award{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:7px 8px;background:#ffffff0e}.match-award span,.match-award strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-award span{color:#95a4ba;font-size:10px;font-weight:850;text-transform:uppercase}.match-award strong{margin-top:2px;color:#eff3fb;font-size:12px}.match-award.ko{border-left:4px solid #ff5b7c}.match-award.assist{border-left:4px solid #69d2ff}.match-award.survivor{border-left:4px solid #68f29d}.match-over ol{display:grid;gap:6px;margin:0 0 16px;padding:0;list-style:none}.match-over li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:5px;background:#ffffff0f;color:#d8deea}.match-over li.self{background:#f5d36b2e;color:#fff}.match-over__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.match-over button{width:100%;min-height:42px;border:0;border-radius:6px;background:#f5d36b;color:#15110a;font-weight:850;cursor:pointer}.match-over button+button{background:#202838;color:#eff3fb}@media(max-width:760px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.join-panel{padding:18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.hud{inset:10px;grid-template-columns:1fr auto}.hud>div{max-width:min(230px,52vw);gap:6px;padding:5px 7px}.hud>div.death{max-width:min(270px,64vw)}.audio-toggle,.leave-match{min-height:20px;padding:2px 5px;font-size:10px}#timer{min-width:72px;padding:5px 8px;font-size:16px}.ability-panel{left:10px;top:96px;width:min(210px,calc(100% - 20px))}.event-feed{left:10px;right:10px;bottom:calc(142px + env(safe-area-inset-bottom,0px));width:auto}.event-feed li{max-width:min(310px,100%);padding:6px 8px;font-size:12px}.debug-overlay{right:10px;bottom:calc(150px + env(safe-area-inset-bottom,0px));min-width:150px;font-size:11px}#scoreboard{display:none}.shell.playing .touch-controls{position:absolute;inset:auto 12px calc(10px + env(safe-area-inset-bottom,0px)) 12px;z-index:8;display:flex;align-items:end;justify-content:space-between;gap:16px;pointer-events:none}.shell.playing .touch-controls button{pointer-events:auto}}@media(hover:none)and (min-width:761px){.shell.playing .touch-controls{position:absolute;inset:auto 18px calc(18px + env(safe-area-inset-bottom,0px)) 18px;z-index:8;display:flex;align-items:end;justify-content:space-between;gap:18px;pointer-events:none}.shell.playing .touch-controls button{pointer-events:auto}}