:root{color:#eff5dd;font-synthesis:none;--ink:#eff5dd;--muted:#a6b49c;--panel:#121a14;--panel-2:#19231b;--line:#354638;--lime:#c7f464;--orange:#ff9f43;--red:#ff6b6b;background:#080c09;font-family:Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -20%,#26392a 0,#0000 42rem),linear-gradient(145deg,#080c09,#0d120e 60%,#070a08);min-height:100vh}body:before{pointer-events:none;content:"";opacity:.22;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#00000040 3px 4px);position:fixed;inset:0}button,input{font:inherit}.shell{width:min(100%,1040px);margin:0 auto;padding:28px 20px 22px;position:relative}.arena-nav{letter-spacing:.09em;text-transform:uppercase;margin-bottom:15px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.7rem}.arena-nav a{color:var(--muted);text-decoration:none}.arena-nav a:hover,.arena-nav a:focus-visible{color:var(--lime)}.topbar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.eyebrow{color:var(--lime);letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.72rem;font-weight:700}h1{letter-spacing:.035em;text-transform:uppercase;text-shadow:4px 4px #30432e;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(2.3rem,6vw,4.6rem);font-weight:400;line-height:.88}h1 span{color:var(--orange)}.callsign-form{width:min(100%,330px)}.callsign-form label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.7rem;display:block}.callsign-form div{display:flex}.callsign-form input,.callsign-form button{border:1px solid var(--line);min-height:38px}.callsign-form input{min-width:0;color:var(--ink);background:#0a100b;border-radius:4px 0 0 4px;outline:none;flex:1;padding:0 10px}.callsign-form input:focus{border-color:var(--lime);box-shadow:0 0 0 2px #c7f4642e}.callsign-form button{color:#14200f;border-color:var(--lime);background:var(--lime);cursor:pointer;text-transform:uppercase;border-radius:0 4px 4px 0;padding:0 12px;font-size:.78rem;font-weight:800}.game-panel{border:1px solid var(--line);background:#080d09;border-radius:8px;width:min(100%,802px);margin-inline:auto;overflow:hidden;box-shadow:0 24px 80px #00000073}.statusbar{min-height:42px;color:var(--muted);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;padding:8px 13px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.76rem;display:flex}.arena-header{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,1fr) minmax(210px,32%);min-height:80px;display:grid}.statusbar{border-right:1px solid var(--line);align-content:center}.scoreboard{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;max-height:112px;padding:9px 12px;display:grid;overflow:auto}.scoreboard h2{color:var(--orange);letter-spacing:.1em;text-transform:uppercase;margin:2px 0 0;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.7rem}.scoreboard table{border-collapse:collapse;width:100%;color:var(--ink);font-family:ui-monospace,Cascadia Mono,monospace;font-size:.7rem}.scoreboard td,.scoreboard th{text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:2px 4px;font-weight:500;overflow:hidden}.scoreboard td:first-child{width:2ch;color:var(--muted);text-align:right}.scoreboard td:last-child{width:4ch;color:var(--lime);text-align:right;font-weight:800}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.statusbar p{margin:0}#connection-status:before{background:var(--orange);content:"";border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 8px}#connection-status[data-state=online]{color:var(--lime)}#connection-status[data-state=online]:before{background:var(--lime)}#connection-status[data-state=offline]{color:var(--red)}#connection-status[data-state=offline]:before{background:var(--red)}#game{aspect-ratio:25/16;outline:none;width:100%}#game canvas{image-rendering:pixelated;cursor:crosshair;display:block;width:100%!important;height:100%!important}.controls{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:12px 28px;padding:17px 8px 0;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.73rem;display:flex}.controls p{align-items:center;gap:5px;margin:0;display:flex}kbd{min-width:22px;color:var(--ink);background:var(--panel-2);font:inherit;text-align:center;border:1px solid #4a5c4c;border-bottom-width:3px;border-radius:4px;padding:3px 5px;line-height:1}.mouse-icon{border:2px solid #879689;border-radius:9px;width:16px;height:23px}.mouse-icon:before{background:var(--lime);content:"";width:2px;height:6px;margin:3px auto 0;display:block}noscript{color:var(--red);text-align:center;padding:30px;display:block}@media (width<=700px){.shell{padding:18px 10px}.topbar{flex-direction:column;align-items:stretch;gap:18px}.callsign-form{width:100%}.statusbar{flex-direction:column;align-items:flex-start;gap:4px}.arena-header{grid-template-columns:1fr}.statusbar{border-right:0;border-bottom:1px solid var(--line)}.scoreboard{max-height:95px}#match-status{padding-left:16px}}