:root{color-scheme:dark;--ink:#161d1b;--panel:#202a25;--acid:#d9ff72;--cream:#e9ede0;--muted:#8c9a86;--line:#46523d;--orange:#ff8a55;font-family:"Lucida Console",Consolas,"Courier New",monospace;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:760px;min-height:100vh;background:#151a19;background-image:linear-gradient(135deg,#202624 0%,#121817 75%);color:var(--cream);display:flex;align-items:center;justify-content:center}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cream);outline-offset:4px}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.console{width:min(1450px,100%);padding:28px 42px 24px}.machine-header{display:flex;align-items:center;gap:22px;height:53px;margin-bottom:17px}.wordmark{position:relative;color:var(--cream);font:bold 27px/1 Consolas,monospace;letter-spacing:-2px;text-decoration:none}.tiny-square{display:inline-block;width:7px;height:7px;background:var(--acid);margin-left:5px}.machine-caption{font-size:10px;letter-spacing:1.5px;color:#91a095}.muted{color:var(--muted)}.machine-status{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px}.led{display:inline-block;width:6px;height:6px;background:var(--acid);box-shadow:0 0 8px #d9ff7244}.machine-status button{margin-left:20px;border:1px solid #46504a;background:none;padding:9px 11px;color:#a4b0a6;font-size:9px;letter-spacing:.5px}.monitor-shell{position:relative;background:linear-gradient(135deg,#48514d,#272f2c 55%,#3b4540);padding:20px 22px 0;border:1px solid #58615c;border-bottom:4px solid #0b100e;border-radius:9px;box-shadow:0 18px 55px #0005,0 0 0 4px #0f1512,inset 0 1px #86918680}.display{position:relative;width:100%;aspect-ratio:16/9;background:#111a15;overflow:hidden;border:5px solid #101511;border-radius:5px;box-shadow:0 0 0 1px #687162,inset 0 0 20px #000;isolation:isolate}#game{position:absolute;width:100%;height:100%;display:block;image-rendering:pixelated;outline:0;cursor:crosshair}.lcd-grid{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.28;background-image:linear-gradient(90deg,#09130b80 1px,transparent 1px),linear-gradient(#09130b80 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:multiply}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:6;background:repeating-linear-gradient(0deg,#0001 0px,#0001 1px,transparent 1px,transparent 5px);box-shadow:inset 0 0 90px #07110940}.screw{position:absolute;width:9px;height:9px;border-radius:50%;background:#171e1a;border:1px solid #747e74;box-shadow:1px 1px #18201a}.screw:after{content:"";position:absolute;width:6px;height:1px;left:1px;top:3px;background:#818a80;transform:rotate(-35deg)}.top-left{top:7px;left:7px}.top-right{top:7px;right:7px}.bottom-left{bottom:12px;left:7px}.bottom-right{bottom:12px;right:7px}.bezel-label{height:38px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#a1b09d}.bezel-label .led{width:4px;height:4px;margin-right:6px}.bezel-label b{color:#7f9275;margin:0 6px}.vents{width:140px;height:8px;background:repeating-linear-gradient(90deg,#15221a 0,#15221a 2px,transparent 2px,transparent 6px)}.machine-footer{display:flex;align-items:center;gap:14px;margin-top:18px;color:#809082;font-size:9px;letter-spacing:1px}.caution-mark{color:#d0db8c;font-size:15px;letter-spacing:-2px}.footer-right{margin-left:auto;color:#6d7b71;font-size:8px}
.console{width:min(1450px,100%,calc((100dvh - 200px)*16/9 + 90px))}.menu{grid-template-rows:minmax(0,1fr)}.setup{max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#687f45 #172416}
.menu{position:absolute;inset:0;display:grid;grid-template-columns:1fr 385px;align-items:center;gap:25px;padding:38px 46px 62px;background:linear-gradient(90deg,#152017f5 0%,#162019d4 41%,#152018c0 58%,#121c15fa 100%);z-index:8}.intro{align-self:center}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#a7b88f;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--acid);box-shadow:0 0 9px #c8fc6b44}.intro h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(85px,10vw,151px);font-weight:900;letter-spacing:2px;line-height:.95;margin:24px 0 19px;color:var(--acid);text-shadow:5px 5px 0 #6d813c,9px 9px 0 #243622;transform:scaleX(1.02);transform-origin:left}.intro h1 span{color:var(--orange);text-shadow:4px 4px 0 #8f4e2e}.tagline{font-size:clamp(15px,1.75vw,23px);letter-spacing:1px;line-height:1.55;font-weight:bold;margin:0 0 20px}.tagline span{color:#d9e4c4}.intro-copy{font-size:11px;line-height:1.8;color:#b2bea0;margin:0 0 25px}.intro-spec{display:flex;gap:0;font-size:8px;letter-spacing:1px;color:#b9ca99}.intro-spec span{border-right:1px solid #526247;padding:0 13px}.intro-spec span:first-child{padding-left:0}.intro-spec span:last-child{border:none}.mini-legend{display:flex;align-items:center;gap:9px;margin-top:35px;font-size:7px;letter-spacing:.8px;color:#89a075}.player-dot{width:9px;height:9px;background:var(--acid);box-shadow:0 0 0 3px #324625,2px 2px 0 3px #0c160e}.setup{padding:21px 22px 18px;background:#19251bed;border:1px solid #4b5b3e;box-shadow:5px 5px 0 #0b150c99;align-self:center}.panel-heading{display:flex;justify-content:space-between;gap:14px;color:var(--acid);font-size:9px;letter-spacing:1px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #425333}.field-label{display:block;color:#a6b691;font-size:8px;letter-spacing:1.2px;margin-bottom:8px}input:not([type=range]):not([type=checkbox]){width:100%;background:#111b12;border:1px solid #4c5d3d;border-radius:0;color:#e5f1d4;font-size:11px;padding:10px 12px;height:36px;letter-spacing:1px}input::placeholder{color:#697d5b;letter-spacing:0;font-size:10px}.section-label{display:flex;justify-content:space-between;margin-top:17px}.section-label span{color:#d0ddba}.arena-select{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.arena-card{padding:7px 0 8px;background:#152015;border:1px solid #415534;color:#9eae89;text-align:center;transition:background .15s}.arena-card.selected{border-color:var(--acid);color:var(--acid);background:#263622;box-shadow:inset 0 -2px var(--acid)}.arena-card:hover{background:#2c3d25}.arena-card canvas{max-width:100%;display:block;margin:0 auto 4px;image-rendering:pixelated}.arena-card b{display:block;font-size:9px;letter-spacing:.7px}.arena-card small{display:block;font-size:7px;letter-spacing:1px;margin-top:5px;color:#91a979}.bot-heading{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.bot-heading .field-label{margin:0}.bot-heading strong{font-size:12px;color:var(--acid)}input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;accent-color:var(--acid);background:#495b3c;margin:14px 0 12px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:16px;background:var(--acid);border:2px solid #192619;box-shadow:0 0 0 1px #92b355}input[type=range]::-moz-range-thumb{width:10px;height:14px;background:var(--acid);border:2px solid #192619;border-radius:0}.field-note{font-size:7px;line-height:1.6;letter-spacing:.3px;color:#8fa77b;margin:8px 0 12px}.button{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:0;min-height:38px;padding:11px 13px;font-size:10px;font-weight:bold;letter-spacing:1px;border:1px solid #536746;width:100%;transition:background .13s,transform .13s}.button.primary{color:#1b2715;background:var(--acid);border-color:var(--acid);box-shadow:0 3px 0 #719243}.button.primary:hover{background:#e8ffad;transform:translateY(-1px)}.button.primary span:last-child{font-size:17px}.button.secondary{color:#c0d0a6;background:#26351f;font-size:8px;letter-spacing:.5px}.button.secondary:hover{background:#3a4d2d;color:#e3f7c8}.network-buttons{display:flex;gap:8px;margin-top:10px}.network-buttons .button{flex:1}.menu-status{font-size:7px;color:#94a97d;line-height:1.6;margin:13px 0 0;min-height:11px}.menu-status.error{color:#ffb08c}.join-form{margin-top:15px}.input-row{display:flex;gap:7px}.input-row .button{width:62px;min-height:36px;font-size:9px}.menu-controls{position:absolute;bottom:19px;left:46px;right:46px;border-top:1px solid #415034;padding-top:14px;display:flex;gap:28px;font-size:8px;color:#a0b189;letter-spacing:.3px}kbd{display:inline-block;font:inherit;color:#d7e3c5;border:1px solid #5b704a;padding:3px 5px;background:#283923;margin-right:5px;white-space:nowrap}
.hud{position:absolute;inset:0;z-index:7;pointer-events:none}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 21px;background:linear-gradient(#0b160fde,transparent);font-size:10px}.hud-top b{font-size:12px;letter-spacing:2px;color:var(--cream)}.hud-sub{display:block;font-size:7px;letter-spacing:1px;color:#99ab84;margin-top:5px}.round-time{position:absolute;left:50%;transform:translateX(-50%);font-size:18px;color:#e6eed9;letter-spacing:2px}.hud-top button{pointer-events:auto;background:#18271cbb;color:#b3c59c;font-size:9px;padding:8px 9px;border:1px solid #566444}.hud-top button span{color:var(--acid);margin-left:9px}.match-leader{position:absolute;top:72px;left:21px;display:flex;gap:9px;font-size:8px;letter-spacing:.7px}.match-leader span{color:#819477}.match-leader b{color:var(--acid)}.you-card{position:absolute;bottom:57px;left:20px;display:flex;gap:10px;align-items:center;background:#101d13db;border:1px solid #536b42;padding:9px 15px 8px 12px;box-shadow:3px 3px #08100abb}.you-swatch{display:block;width:14px;height:14px;background:var(--acid);box-shadow:3px 3px #38521e}.you-card div>span{font-size:8px;letter-spacing:1px;color:#c9dcb0;display:block}.you-card b{font-size:24px;display:block;line-height:1.15;margin-top:3px;color:var(--acid)}.you-card small{font-size:10px;font-weight:normal;color:#7c9667}.bottom-hud{position:absolute;bottom:14px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#bad09c;padding-top:10px;border-top:1px solid #65814b55;text-shadow:1px 1px #000}.bottom-hud kbd{padding:2px 4px}.feed{position:absolute;right:21px;top:73px;display:flex;flex-direction:column;gap:8px;font-size:8px;letter-spacing:.3px;text-align:right}.feed-line{padding:5px 7px;background:#0c170edd;color:#b1c197;border-right:2px solid #a1bb74}.feed-line b{color:#e6f0d7}.death{position:absolute;top:40%;left:50%;transform:translateX(-50%);text-align:center;background:#101c14e0;padding:22px 38px;border:1px solid #7f8f5c}.death>span{color:var(--orange);font-size:8px;letter-spacing:3px;display:block}.death b{display:block;font-size:24px;color:#e8efd8;margin:10px 0;letter-spacing:1px}.death small{color:#98b180;font-size:8px;letter-spacing:.7px}.toast{position:absolute;top:110px;left:50%;transform:translateX(-50%);background:#102417eb;border:1px solid #5e7d4d;padding:9px 12px;font-size:8px;color:#d6e9b9;white-space:nowrap}.network-strip{position:absolute;bottom:59px;right:21px;display:flex;align-items:center;gap:13px;font-size:7px;padding:8px;background:#132318dd;border:1px solid #425c34;color:#b1ca91}.network-strip span:last-child{color:var(--acid)}.overlay{position:absolute;inset:0;z-index:9;background:#061009b8;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(3px)}.score-panel,.pause-panel,.result-panel{background:#1a291bd9;border:1px solid #7d945d;padding:25px 29px;box-shadow:7px 7px 0 #08140a80;min-width:480px;max-height:94%;overflow:auto}.score-panel{width:590px}.score-columns,.score-row{display:grid;grid-template-columns:1fr 67px 62px 55px;align-items:center;gap:10px;padding:11px 7px;font-size:10px;text-align:right}.score-columns{color:#97b17e;font-size:8px;padding-top:0;border-bottom:1px solid #536c3f}.score-columns span:first-child,.score-row span:first-child{text-align:left}.score-row{border-bottom:1px solid #3c5531;min-height:37px}.score-row.you{background:#384a2690}.score-row .row-player{display:flex;align-items:center;gap:11px}.row-color{display:inline-block;width:9px;height:9px}.row-name{font-weight:bold;font-size:10px}.row-persona{display:block;color:#8faa77;font-size:7px;margin-top:3px;letter-spacing:.5px}.score-row strong{color:var(--acid)}.pause-panel{width:520px;min-width:0}.pause-panel h2{font-size:24px;letter-spacing:1px;margin:0 0 18px}.switch-label{font-size:8px;color:var(--acid);display:flex;align-items:center;gap:7px}input[type=checkbox]{accent-color:var(--acid)}.lag-labels{display:flex;justify-content:space-between;align-items:center;color:#91a776;font-size:8px}.lag-labels b{color:var(--acid)}.control-reference{border-top:1px solid #4a6239;padding-top:8px;margin:18px 0}.control-reference p{display:flex;align-items:center;gap:9px;color:#bdd0a3;font-size:8px;line-height:1.4;margin:7px 0}.control-reference kbd{min-width:62px;text-align:center}.address-box{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:#102011;border:1px solid #5f7947}.address-box code{font-size:12px;color:var(--acid)}.address-box button{border:none;background:#344c25;color:#d3e7b6;padding:6px 8px;font-size:8px}.result-panel{width:550px;text-align:center}.result-panel .eyebrow{justify-content:center}.result-panel h2{font-size:31px;letter-spacing:1px;color:var(--acid);margin:14px 0}.result-panel>p{font-size:9px;color:#bdcdaa}.result-panel .button{margin-top:14px}.result-panel .score-row{grid-template-columns:1fr 55px 55px 55px;text-align:right}#final-rows{margin:20px 0}
@media(min-width:1450px){.menu{grid-template-columns:1fr 420px;padding:45px 65px 70px;gap:55px}.setup{padding:25px 28px}.intro h1{font-size:157px}.intro-copy{font-size:13px}.tagline{font-size:26px}.mini-legend{font-size:8px}.menu-controls{left:65px;right:65px}.arena-card canvas{width:98px;height:54px}.button.primary{min-height:43px}.field-label{font-size:9px}}
@media(max-width:1150px){.console{padding:15px 22px}.menu{grid-template-columns:1fr 320px;padding:22px 30px 51px;gap:20px}.setup{padding:15px}.panel-heading{padding-bottom:9px;margin-bottom:11px;font-size:8px}.intro h1{font-size:95px;margin:17px 0}.tagline{font-size:17px;margin-bottom:12px}.intro-copy{font-size:10px;margin-bottom:16px}.intro-spec{font-size:7px}.intro-spec span{padding:0 8px}.mini-legend{margin-top:25px;font-size:6px}.arena-card canvas{width:75px;height:39px}.section-label,.bot-heading{margin-top:12px}.menu-controls{left:30px;right:30px;gap:15px;font-size:7px;bottom:14px;padding-top:10px}.button{min-height:32px;padding:8px 10px}.field-note{font-size:6px;margin-bottom:10px}.menu-status{font-size:6px;margin-top:10px}.network-buttons{margin-top:8px}.machine-caption{font-size:8px}.machine-status{font-size:8px}.machine-status button{margin-left:9px;padding:7px}.footer-right{font-size:7px}.pause-panel{padding:20px 25px}.pause-panel h2{font-size:19px;margin-bottom:14px}}
@media(max-width:850px){.console{padding:10px 14px}.monitor-shell{padding:14px 15px 0}.menu{grid-template-columns:1fr 290px;padding:17px 21px 45px;gap:13px}.intro h1{font-size:80px}.intro .eyebrow{font-size:7px}.tagline{font-size:14px}.intro-copy{font-size:8px}.intro-spec{font-size:6px}.mini-legend{display:none}.setup{padding:12px}.section-label{margin-top:10px}.arena-card{padding:3px 0 6px}.arena-card canvas{width:67px;height:31px}.bot-heading{margin-top:9px}.field-label{font-size:7px}.arena-card b{font-size:8px}.arena-card small{font-size:6px}.panel-heading{font-size:7px}.field-note{font-size:6px}.menu-controls{left:21px;right:21px;gap:10px;font-size:6px}.machine-caption{display:none}.footer-right{display:none}.score-panel{min-width:450px}.score-panel,.pause-panel,.result-panel{padding:18px 22px}.control-reference{margin:11px 0}.pause-panel h2{margin-bottom:12px}.pause-panel .panel-heading{margin-bottom:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.overlay{backdrop-filter:none}}
.console{container-type:inline-size}
@container (max-width:1100px){.menu{grid-template-columns:1fr 320px;padding:22px 30px 51px;gap:20px}.setup{padding:15px}.panel-heading{padding-bottom:9px;margin-bottom:11px;font-size:8px}.intro h1{font-size:95px;margin:17px 0}.tagline{font-size:17px;margin-bottom:12px}.intro-copy{font-size:10px;margin-bottom:16px}.intro-spec{font-size:7px}.intro-spec span{padding:0 8px}.mini-legend{margin-top:25px;font-size:6px}.arena-card canvas{width:75px;height:39px}.section-label,.bot-heading{margin-top:12px}.menu-controls{left:30px;right:30px;gap:15px;font-size:7px;bottom:14px;padding-top:10px}.button{min-height:32px;padding:8px 10px}.field-note{font-size:6px;margin-bottom:10px}.menu-status{font-size:6px;margin-top:10px}.network-buttons{margin-top:8px}}
@container (max-width:850px){.menu{grid-template-columns:1fr 290px;padding:17px 21px 45px;gap:13px}.intro h1{font-size:80px}.intro .eyebrow{font-size:7px}.tagline{font-size:14px}.intro-copy{font-size:8px}.intro-spec{font-size:6px}.mini-legend{display:none}.setup{padding:12px}.section-label{margin-top:10px}.arena-card{padding:3px 0 6px}.arena-card canvas{width:67px;height:31px}.bot-heading{margin-top:9px}.field-label{font-size:7px}.arena-card b{font-size:8px}.arena-card small{font-size:6px}.panel-heading{font-size:7px}.field-note{font-size:6px}.menu-controls{left:21px;right:21px;gap:10px;font-size:6px}}

/* Expansion 02: arena catalogue, weapon telemetry, field guide. */
.menu{grid-template-columns:minmax(0,1fr) minmax(360px,43%);padding:28px 36px 55px;gap:30px}
.setup{padding:16px 18px;background:#19231fea;border-color:#4c6155;scrollbar-color:var(--acid) #15201b}
.setup .panel-heading{margin-bottom:10px;padding-bottom:10px}
.setup .section-label{margin-top:13px;margin-bottom:7px}
.arena-select{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.arena-card{padding:4px 0 5px;background:#15211d;border-color:#3f554c;color:var(--card-accent);min-width:0}
.arena-card.selected{border-color:var(--card-accent);color:var(--card-accent);background:#293932;box-shadow:inset 0 -2px var(--card-accent)}
.arena-card:hover{background:#30443b}
.arena-card canvas{width:78px;height:32px;max-width:100%;margin-bottom:2px}
.arena-card b{font-size:8px;letter-spacing:0}
.arena-card small{font-size:6px;letter-spacing:.8px;margin-top:3px;color:#9cafab}
.arena-description{font-size:8px;line-height:1.5;color:#bac6b7;min-height:24px;margin:8px 0 0;border-left:2px solid var(--acid);padding-left:8px}
.setup .bot-heading{margin-top:10px}
.setup .field-note{margin-top:7px;margin-bottom:10px}
.setup .menu-status{margin-top:9px}
.intro-spec{color:#b7c8b6;flex-wrap:wrap;row-gap:8px}
.intro h1{color:var(--acid);text-shadow:5px 5px 0 #526e56,9px 9px 0 #24362e}
.menu-controls{left:36px;right:36px;gap:16px;align-items:center;padding-top:10px;bottom:15px}
.menu-controls button,[data-guide],#guide-close{border:1px solid #5c7862;background:#203427;color:var(--acid);font-size:8px;padding:6px 8px;white-space:nowrap}
.menu-controls button{margin-left:auto}
.control-reference [data-guide]{margin-left:auto}
.weapon-card{position:absolute;left:178px;bottom:61px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#111e25ec;border:1px solid #4e6b69;min-width:170px;box-shadow:3px 3px #081019a0}
#weapon-icon{font-size:24px;font-weight:bold;line-height:1;width:22px;text-align:center}
.weapon-card b{font-size:11px;letter-spacing:1px;display:block}
.weapon-card small{font-size:7px;color:#bdcabe;display:block;margin-top:5px}
#weapon-buffs{font-size:7px;color:#fff092;max-width:105px;line-height:1.8}
.surface-hud{position:absolute;bottom:43px;left:20px;display:flex;gap:20px;font-size:7px;letter-spacing:.5px;background:#12202a9c;padding:3px 0}
#dash-hint{color:#c1cfbe}
.network-strip{bottom:auto;top:112px;right:21px;font-size:7px;gap:8px}
.feed{top:151px}
.toast{top:111px;max-width:80%;white-space:normal;text-align:center;line-height:1.7;background:#132331ef;border-color:#739b8c;color:#e0edcf}
.guide-overlay{z-index:12;background:#0d1826df}
.guide-panel{width:min(820px,92%);max-height:94%;overflow:auto;background:#1a2929f5;border:1px solid #7b9e8b;padding:22px 25px;box-shadow:7px 7px #07151b80;scrollbar-width:thin}
.guide-panel .panel-heading{align-items:center;margin-bottom:10px;padding-bottom:10px}
.guide-intro{font-size:9px;color:#c0cebc;line-height:1.8;margin:0 0 16px}
.weapon-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.guide-item{display:flex;align-items:center;gap:12px;border:1px solid #3e5d54;background:#172424;padding:9px 11px}
.guide-item i{font-style:normal;font-size:24px;font-weight:bold;color:var(--item-color);width:24px;flex-shrink:0;text-align:center}
.guide-item b{display:block;font-size:9px;color:var(--item-color);letter-spacing:.5px}
.guide-item small,.surface-guide small{display:block;font-size:8px;color:#b0c3b5;line-height:1.6;margin-top:4px}
.surface-heading{margin-top:19px}
.surface-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 15px}
.surface-guide b{font-size:9px;letter-spacing:.5px}
.score-panel{display:flex;flex-direction:column}
#score-rows{overflow:auto;min-height:0;scrollbar-width:thin}
#final-rows{max-height:230px;overflow:auto;scrollbar-width:thin}
@container (max-width:1100px){
  .menu{grid-template-columns:minmax(0,1fr) 360px;padding:20px 26px 48px;gap:18px}
  .setup{padding:13px 14px}.menu-controls{left:26px;right:26px;gap:12px}
  .arena-card canvas{height:28px;width:70px}.arena-card b{font-size:7px}.arena-card small{font-size:6px}
  .arena-description{font-size:7px;min-height:21px}.intro h1{font-size:100px}.intro-copy{font-size:10px}
  .guide-item{padding:7px 9px}.guide-panel{padding:16px 20px}.guide-intro{font-size:8px;margin-bottom:10px}
}
@container (max-width:850px){
  .menu{grid-template-columns:minmax(0,1fr) 315px;padding:15px 20px 42px;gap:12px}
  .setup{padding:10px 11px}.setup .panel-heading{font-size:7px;padding-bottom:7px;margin-bottom:8px}
  .arena-card canvas{height:24px;width:61px}.arena-card{padding:3px 0 4px}.arena-card b{font-size:7px}
  .intro h1{font-size:83px}.intro-copy{font-size:9px}.intro-spec{font-size:6px}.intro-spec span{padding:0 7px}
  .menu-controls{left:20px;right:20px;font-size:6px;gap:8px;bottom:11px}.menu-controls kbd{padding:2px 3px;margin-right:3px}
  .menu-controls button{font-size:7px;padding:4px 6px}.arena-description{font-size:7px;min-height:20px;margin-top:6px}
  .weapon-card{left:158px;min-width:155px;bottom:59px;padding:6px 9px}.weapon-card b{font-size:9px}.weapon-card small{font-size:6px}
  .surface-hud{font-size:6px;bottom:40px}.bottom-hud{font-size:6px}.you-card{padding:7px 10px}.you-card b{font-size:21px}
  .guide-item b,.surface-guide b{font-size:8px}.guide-item small,.surface-guide small{font-size:7px}
  .guide-item i{font-size:20px}.guide-panel{padding:13px 17px}.weapon-guide{gap:5px}.guide-item{gap:8px;padding:6px 8px}
  .guide-intro{font-size:7px}.surface-heading{margin-top:13px}.surface-guide{gap:7px 10px}
}
@container (max-width:1100px){
  .setup{padding:10px 14px}.setup input:not([type=range]):not([type=checkbox]){height:30px;padding:7px 10px}
  .setup .section-label{margin-top:10px;margin-bottom:6px}.setup .panel-heading{margin-bottom:8px;padding-bottom:8px}
  .arena-card canvas{height:26px}.arena-description{margin-top:6px;min-height:20px;font-size:7px}
  .setup .bot-heading{margin-top:8px}.setup input[type=range]{margin:10px 0 9px}
  .setup .button{min-height:31px;padding:6px 10px}.setup .field-note{margin:6px 0 9px}.setup .menu-status{margin-top:7px}
  .setup .network-buttons{margin-top:7px}.setup .arena-card b{font-size:8px}
}
@container (max-width:1100px){
  .guide-intro{line-height:1.6;margin-bottom:9px}.weapon-guide{gap:5px}
  .guide-item{padding:4px 8px}.guide-item b{font-size:8px}.guide-item small{font-size:7px;line-height:1.4;margin-top:3px}
  .guide-item i{font-size:22px}.surface-heading{margin-top:13px}.surface-guide small{font-size:7px;line-height:1.4}
}

/* Trinket avatars: a pocket collection with one shared set of physics. */
.identity-fields{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:10px;align-items:end}
.identity-fields>div{min-width:0}.identity-fields .field-label{margin-bottom:8px}
.avatar-picker{display:flex;align-items:center;gap:7px;padding:0 7px 0 2px;min-width:0;height:44px;background:#152624;border:1px solid #5b7b70;color:var(--acid);text-align:left}
.avatar-picker:hover{border-color:var(--acid);background:#253b33}.avatar-picker canvas{width:40px;height:40px;flex-shrink:0;image-rendering:pixelated}
.avatar-picker span{flex:1;min-width:0}.avatar-picker small{display:block;font-size:6px;letter-spacing:1px;color:#97b7a7;margin-bottom:4px}
.avatar-picker b{display:block;font-size:8px;letter-spacing:.3px;white-space:nowrap}.avatar-picker i{font-style:normal;font-size:11px}
.mini-legend{gap:8px;margin-top:24px}.mini-legend canvas{width:28px;height:28px;image-rendering:pixelated}
.you-token{width:24px;height:24px;image-rendering:pixelated;border-bottom:2px solid var(--acid)}
.row-token{width:28px;height:28px;image-rendering:pixelated;border-bottom:2px solid;flex-shrink:0;background:#12242a}
.avatar-overlay{z-index:13;background:#0b1826e8}
.avatar-panel{width:min(790px,92%);max-height:94%;overflow:auto;background:#1b2928f7;border:1px solid #7d9c8d;padding:20px 24px;box-shadow:7px 7px #06121988;scrollbar-width:thin}
.avatar-panel .panel-heading{align-items:center;margin-bottom:10px;padding-bottom:10px}
.avatar-panel .panel-heading small{font-size:7px;color:#8caba0;font-weight:normal;letter-spacing:.5px}
#avatar-close{border:1px solid #648779;color:var(--acid);background:#243d30;padding:7px 10px;font-size:8px;white-space:nowrap}
.avatar-intro{font-size:9px;line-height:1.7;color:#b9cabc;margin:0 0 13px}
.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.avatar-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:5px 7px 7px;background:linear-gradient(#1f3230,#172827);border:1px solid #49645b;color:#bdd0c0;transition:background .12s}
.avatar-card:hover{border-color:#a8cbb9;background:#2c4540}.avatar-card.selected{border-color:var(--acid);background:#304a3d;box-shadow:inset 0 -2px var(--acid);color:var(--acid)}
.avatar-card canvas{display:block;width:64px;height:48px;image-rendering:pixelated}
.avatar-card b{font-size:9px;letter-spacing:1px;margin-top:4px;font-weight:bold}
.avatar-equipped{position:absolute;top:5px;right:5px;font-size:5px;color:var(--acid);letter-spacing:.4px;visibility:hidden}
.avatar-card.selected .avatar-equipped{visibility:visible}
.avatar-card[data-avatar=pixel]{grid-column:1/-1;flex-direction:row;gap:12px;padding:3px 10px;justify-content:flex-start}
.avatar-card[data-avatar=pixel] canvas{width:40px;height:30px}.avatar-card[data-avatar=pixel] b{font-size:8px;margin:0}
.avatar-card[data-avatar=pixel] .avatar-equipped{top:14px;right:12px;font-size:6px}
.avatar-caption{display:flex;align-items:center;gap:12px;border-top:1px solid #45675a;margin-top:12px;padding-top:10px;font-size:8px}
.avatar-caption b{color:var(--acid);letter-spacing:1px}.avatar-caption>span{color:#b4c8b8;font-size:8px;line-height:1.5}
.avatar-caption>small{margin-left:auto;font-size:6px;color:#8ead9e;letter-spacing:.5px;white-space:nowrap}
.machine-status #controller-settings{margin-left:10px}.machine-status #sound{margin-left:2px}.machine-status .pad-connected{color:var(--acid);border-color:#859b56}
.using-pad button:focus,.using-pad input:focus,.using-pad select:focus,.using-pad summary:focus{outline:2px solid var(--acid);outline-offset:3px}
.using-pad #game{cursor:none}
.menu-controls [data-pad-settings]{margin-left:auto}.menu-controls [data-guide]{margin-left:0}
.pad-overlay{z-index:14;background:#0a1925e8}.pad-panel{width:min(780px,94%);max-height:94%;overflow:auto;padding:17px 22px;background:#1a2c2cf7;border:1px solid #81998d;box-shadow:7px 7px #07111988;scrollbar-width:thin}
.pad-panel .panel-heading{align-items:center;margin-bottom:9px;padding-bottom:8px}.pad-panel button{border:1px solid #587c70;background:#223c34;color:var(--acid);padding:6px 9px;font-size:8px}
#pad-device{display:block;font-size:10px;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e6f0d6}#pad-status{font-size:8px;line-height:1.6;color:#abd1b5;margin:6px 0 12px}
.pad-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pad-options label,.pad-axes label{font-size:7px;color:#a0b7a9;letter-spacing:.7px}
.pad-panel select{display:block;width:100%;font:inherit;font-size:9px;margin-top:5px;padding:6px;color:#e0eed2;border:1px solid #5c8171;background:#112826;min-width:0}
.pad-explainer{font-size:8px;line-height:1.7;color:#c1d1c1;margin:10px 0}.pad-deadzone{display:flex;align-items:center;gap:15px;margin:10px 0 13px}.pad-deadzone label{font-size:7px;white-space:nowrap}.pad-deadzone b{color:var(--acid);margin-left:6px}.pad-deadzone input{flex:1}
.pad-bindings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pad-panel .pad-binding{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:8px 9px;text-align:left;background:#182e2a;color:#c3d8c5}.pad-binding b{font-size:8px;font-weight:normal;white-space:nowrap}.pad-binding span{font-size:7px;color:var(--acid);text-align:right}
.pad-panel .pad-binding.listening{background:#3c5031;border-color:var(--acid);box-shadow:inset 0 -2px var(--acid)}#pad-listen{min-height:14px;font-size:7px;line-height:1.6;color:#cfe29d;margin:10px 0}
.pad-advanced{border-top:1px solid #49665b;padding-top:9px;margin-top:9px}.pad-advanced summary{font-size:7px;color:#a9bfad;cursor:pointer;padding:3px 0}.pad-axes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.pad-advanced .pad-bindings{grid-template-columns:repeat(4,1fr)}
.pad-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #49665b}#pad-live{font-size:7px;line-height:1.7;color:#9ebcac;max-width:75%}.pad-footer button{white-space:nowrap}.pad-panel>.field-note{font-size:6px;line-height:1.7;margin:11px 0 0}
@container (max-width:1100px){.pad-panel{padding:12px 17px}.pad-explainer{font-size:7px}.pad-options select{font-size:8px}.pad-bindings .pad-binding{padding:6px 7px}.pad-binding b{font-size:7px}.pad-binding span{font-size:6px}.pad-deadzone{margin:8px 0 10px}.pad-panel .panel-heading{margin-bottom:7px}#pad-status{margin-bottom:9px}}
@container (max-width:1100px){
  .identity-fields{grid-template-columns:minmax(0,1fr) 130px;gap:8px}.avatar-picker{height:38px;gap:4px}.avatar-picker canvas{width:34px;height:34px}
  .avatar-picker b{font-size:7px}.avatar-picker small{font-size:5px}.avatar-panel{padding:14px 18px}
  .avatar-intro{font-size:8px;margin-bottom:10px}.avatar-card{padding:3px 6px 5px}.avatar-card canvas{width:56px;height:42px}
  .avatar-card b{font-size:8px;margin-top:3px}.avatar-grid{gap:6px}.avatar-caption{margin-top:9px;padding-top:8px}
}
@container (max-width:850px){
  .identity-fields{grid-template-columns:minmax(0,1fr) 119px}.avatar-picker{height:36px;padding-right:5px}.avatar-picker canvas{width:31px;height:31px}
  .avatar-panel{padding:12px 14px}.avatar-panel .panel-heading small{display:none}.avatar-card b{font-size:7px;letter-spacing:.5px}
  .avatar-card canvas{width:48px;height:36px}.avatar-caption>small{display:none}.avatar-caption>span{font-size:7px}
  .avatar-intro{font-size:7px}.avatar-equipped{font-size:4px}.you-token{width:22px;height:22px}
}

.difficulty-heading{display:flex;align-items:center;gap:12px;margin:9px 0 0}.difficulty-heading label{margin:0;white-space:nowrap}.difficulty-heading select{min-width:0;flex:1;background:#11251e;color:var(--acid);border:1px solid #567566;padding:6px 7px;font:inherit;font-size:8px}.setup #difficulty-note{min-height:22px;margin:5px 0 8px}.setup{max-height:100%;overflow-y:auto}