:root{--ink: #e9efe9;--ink-dim: #9fb0a6;--ground: #0d1418;color-scheme:dark}html,body{margin:0;height:100%;overflow:hidden;background:var(--ground);color:var(--ink);font:15px/1.4 system-ui,sans-serif;user-select:none}#game canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block}#startup{position:fixed;inset:0;display:grid;place-items:center;color:var(--ink-dim)}#ui{position:fixed;inset:0;pointer-events:none}.practice-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:6px 12px;border-radius:6px;background:#00000073;color:var(--ink-dim);font-size:13px;letter-spacing:.02em}#startup[hidden]{display:none}:root{--charge-shot: #f0c64a;--charge-chip: #6fd3c4;--charge-drive: #ff9a5c}.hud{position:absolute;inset:0}.hud-score{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:8px;background:#00000080;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.03em;display:flex;gap:12px;align-items:center}.hud-team{display:flex;gap:6px;align-items:center}.hud-team:before{content:"";width:10px;height:10px;border-radius:2px;background:var(--kit)}.hud-team:last-child{flex-direction:row-reverse}.hud-goals{min-width:1.2ch;text-align:center;font-size:22px}.hud-clock{min-width:5ch;color:var(--ink-dim);font-size:15px;text-align:center}.hud-clock.is-overtime{color:var(--charge-shot)}.hud-banner{position:absolute;top:64px;left:50%;transform:translate(-50%);color:var(--ink-dim);font-size:15px;text-shadow:0 1px 3px rgb(0 0 0 / .7)}.hud-banner.is-goal{top:30%;color:var(--ink);font-size:44px;font-weight:700;letter-spacing:.04em}.hud-net{position:absolute;top:18px;left:18px;color:var(--ink-dim);font-size:13px;text-shadow:0 1px 3px rgb(0 0 0 / .7)}.hud-camera{position:absolute;top:18px;right:18px;color:var(--ink-dim);font-size:13px;text-shadow:0 1px 3px rgb(0 0 0 / .7)}.hud-charge{position:absolute;left:50%;bottom:56px;width:220px;height:14px;transform:translate(-50%);border-radius:7px;background:#00000080;overflow:hidden;opacity:0;transition:opacity 80ms linear}.hud-charge.is-shown{opacity:1}.hud-charge.is-at-cursor{left:var(--cursor-x, 50%);top:var(--cursor-y, 50%);bottom:auto;width:96px;height:10px;transform:translate(18px,18px)}.hud-charge.is-at-cursor .hud-charge-label{display:none}.hud-charge-fill{width:0;height:100%;background:var(--charge-shot)}.hud-charge.is-chip .hud-charge-fill{background:var(--charge-chip)}.hud-charge.is-drive .hud-charge-fill{background:var(--charge-drive)}.hud-charge-label{position:absolute;inset:0;display:grid;place-items:center;color:#10161a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hud-event{position:absolute;top:90px;left:50%;transform:translate(-50%);padding:4px 12px;border-left:4px solid var(--kit, transparent);border-radius:4px;background:#00000080;font-size:15px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .2s linear}.hud-event.is-shown{opacity:1}.chat-overlay{position:absolute;left:18px;bottom:96px;width:min(380px,calc(100vw - 36px));display:grid;gap:4px}.chat-overlay-log .chat-line{margin:0;font-size:13px;text-shadow:0 1px 3px rgb(0 0 0 / .8);transition:opacity .6s linear}.chat-overlay-log .chat-line.is-old{opacity:0}.chat-overlay.is-typing .chat-line.is-old{opacity:.7}.chat-overlay-input{pointer-events:auto;font:inherit;color:var(--ink);background:#0a0e10d9;border:1px solid #34434b;border-radius:6px;padding:5px 8px}.chat-overlay-input[hidden]{display:none}.coach-panel{position:absolute;top:104px;left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 32px));padding:10px 14px;border-radius:10px;background:#0a0e10d1;text-align:center}.coach-count{color:var(--ink-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.coach-text{margin:4px 0 0;font-size:16px}.coach-panel.is-learnt{animation:coach-learnt .6s ease-out}@keyframes coach-learnt{0%{box-shadow:0 0 0 3px #f0c060}to{box-shadow:0 0 0 0 transparent}}.tuning-panel{position:absolute;top:12px;right:12px;bottom:12px;width:280px;padding:10px 12px;overflow-y:auto;border-radius:8px;background:#0a0e10e0;font-size:12px;pointer-events:auto;user-select:text}.tuning-panel[hidden]{display:none}.tuning-panel header{display:flex;gap:6px;align-items:center}.tuning-panel header strong{flex:1}.tuning-panel h3{margin:10px 0 4px;color:var(--ink-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.tuning-panel label{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.tuning-panel input{width:80px;background:#1c2428;color:var(--ink);border:1px solid #33424a;border-radius:4px;font:inherit}.tuning-panel input:disabled{color:var(--ink-dim);opacity:.6}.tuning-panel button{background:#24323a;color:var(--ink);border:1px solid #3a4c56;border-radius:4px;font:inherit;cursor:pointer}.screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box;padding:20px 22px;border-radius:12px;background:#0a0e10eb;pointer-events:auto;display:grid;gap:10px}.screen h1{margin:0 0 4px;font-size:22px;letter-spacing:.03em}.screen label{display:flex;gap:12px;align-items:center;justify-content:space-between;color:var(--ink-dim)}.screen select,.screen input,.screen button{font:inherit;color:var(--ink);background:#1b2429;border:1px solid #34434b;border-radius:6px;padding:5px 8px}.screen input{width:6ch}.screen button{padding:8px 14px;font-weight:600;cursor:pointer}.screen button:disabled{opacity:.5;cursor:default}.screen fieldset{margin:0;padding:8px 10px 10px;border:1px solid #2a363c;border-radius:8px;display:grid;gap:8px}.screen legend{padding:0 4px;color:var(--ink-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.practice-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screen-error{margin:0;min-height:1.4em;color:#f0a060;font-size:13px}.screen-buttons{display:flex;gap:10px;justify-content:center}.results-screen{text-align:center}.results-screen h1{color:var(--kit);font-size:34px}.results-score{margin:0 0 6px;font-size:20px;font-variant-numeric:tabular-nums}.join-row{display:flex;gap:8px}.screen input.room-code{flex:1;width:auto;text-transform:uppercase;letter-spacing:.12em}.screen-note{margin:0;color:var(--ink-dim);font-size:13px}.screen input.text-input{width:16ch}.screen input.room-password{flex:1;width:auto}.chat-line{margin:0;overflow-wrap:anywhere;user-select:text}.chat-line.is-notice{color:var(--ink-dim);font-style:italic}.screen.wide-screen{width:min(640px,calc(100vw - 32px))}.room-rows{display:grid;gap:4px;max-height:50vh;overflow-y:auto}.room-row{display:grid;grid-template-columns:1fr 9ch 6ch 3ch 9ch;gap:8px;align-items:center;text-align:left}.screen button.room-row{font-weight:400;padding:6px 10px}.room-head{padding:0 11px;color:var(--ink-dim);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.room-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen.room-screen{width:min(760px,calc(100vw - 32px));z-index:10}.room-screen[hidden]{display:none}.room-code-line{margin:-6px 0 0;color:var(--ink-dim);font-size:13px;letter-spacing:.06em;user-select:text}.room-settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px;font-size:13px}.room-settings input[type=number]{max-width:9ch}.room-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.room-column{min-height:120px;padding:6px 8px 8px;border:1px solid #2a363c;border-top:3px solid var(--kit);border-radius:8px;display:grid;align-content:start;gap:6px}.room-column.is-target{background:#ffffff0d}.room-column h2{margin:0;font-size:13px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em}.room-members{display:grid;gap:4px}.member-chip{display:flex;gap:6px;align-items:center;padding:3px 6px;border-radius:6px;background:#1b2429}.member-chip[draggable=true]{cursor:grab}.member-chip.is-self{outline:1px solid #4f6470}.member-avatar{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#34434b;font-size:11px;font-weight:700}.member-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-marks{color:var(--ink-dim);font-size:11px}.screen button.member-action{padding:0 5px;font-size:11px;font-weight:400}.room-screen .screen-buttons button[hidden]{display:none}.chat-panel{display:grid;gap:6px}.chat-log{height:140px;overflow-y:auto;padding:6px 8px;border:1px solid #2a363c;border-radius:8px;font-size:13px}.screen input.chat-input{width:auto}.results-screen{z-index:5}@media(max-width:560px){.room-columns{grid-template-columns:1fr}}.screen.settings-screen{width:min(560px,calc(100vw - 32px))}.settings-tabs{display:flex;flex-wrap:wrap;gap:6px}.screen button.settings-tab{padding:6px 10px;font-weight:500}.screen button.settings-tab.is-active{background:#2c3d46;border-color:#6f8a96}.settings-body{display:grid;gap:10px}.bindings{display:grid;grid-template-columns:1fr 9rem 9rem;gap:6px 8px;align-items:center}.binding-name{color:var(--ink-dim)}.screen button.binding-slot{padding:5px 8px;font-weight:500}.screen button.binding-slot.is-listening{border-color:#f0c060;color:#f0c060}.screen input[type=checkbox]{width:auto}.screen input[type=range]{width:12rem;padding:0}