@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--paper:#f3f3eb;--ink:#202b28;--muted:#858a7f;--line:#d7dacf;--lime:#c8f56a;--mono:"IBM Plex Mono",monospace;--heading:"Barlow Condensed","Arial Narrow",sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;transition:background .18s,transform .18s}button:disabled{cursor:default;opacity:.5}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:4px;outline:2px solid #537932}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}.app{max-width:1600px;margin:auto;padding:0 58px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-size:25px;font-weight:800;display:flex}.brand>span:last-child{align-self:flex-start;margin-top:3px;margin-left:-7px;font-size:12px}.brand-mark{flex-shrink:0;width:26px;height:26px;display:inline-block;position:relative}.brand-mark i{background:currentColor;width:10px;height:10px;position:absolute}.brand-mark i:first-child{top:0;left:0}.brand-mark i:nth-child(2){top:0;right:0}.brand-mark i:nth-child(3){bottom:0;left:0}.brand-mark i:nth-child(4){bottom:0;right:0}nav{align-items:center;gap:40px;height:100%;display:flex}nav button{height:100%;font:600 11px var(--mono);letter-spacing:1px;color:#868d81;background:0 0;position:relative}nav button span{margin-left:7px;font-size:9px}nav button.nav-active{color:var(--ink)}nav .nav-active:after{content:"";background:var(--ink);height:3px;position:absolute;bottom:-1px;left:0;right:0}.header-right{align-items:center;gap:22px;display:flex}.build{font:10px var(--mono);letter-spacing:.5px;border:1px solid var(--line);border-radius:3px;padding:7px 9px}.icon-btn{border:1px solid var(--line);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.intro{justify-content:space-between;align-items:center;padding:42px 0 34px;display:flex}.eyebrow,.section-label,.input-label{font:500 10px var(--mono);letter-spacing:1.2px}.eyebrow{align-items:center;gap:8px;display:flex}.status-dot{background:#7f9c55;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #7f9c5511}.intro h1{font:800 86px/.87 var(--heading);letter-spacing:-1.7px;text-transform:uppercase;margin:22px 0 18px;position:relative}.intro h1 span{color:#8a9280}.intro h1 i{color:#9eb76d;font:70px Arial;position:absolute;top:24px;left:329px}.intro p{color:#7b8377;margin:0;font-size:13px;line-height:1.7}.intro-note{align-items:flex-end;gap:30px;margin-top:68px;margin-right:14px;display:flex}.intro-note>span{font:500 10px/1.8 var(--mono);letter-spacing:1px}.play-grid{grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);gap:28px;display:grid}.arena-card{color:#dde1d5;background:#172023;border-radius:4px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.arena-top{height:43px;font:9px var(--mono);letter-spacing:.8px;color:#a1b1a1;border-bottom:1px solid #71847726;justify-content:space-between;align-items:center;padding:0 23px;display:flex}.arena-top>span:first-child{color:#d3deca;align-items:center;gap:9px;display:flex}.arena-top .status-dot{background:var(--lime)}.arena-top>span:last-child{font-size:8px}.arena-visual{flex:1;min-height:340px;position:relative;overflow:hidden}.arena-visual canvas{opacity:.82;width:100%;height:100%;position:absolute;inset:0}.arena-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#101b1edb 100%);position:absolute;inset:0}.arena-name{z-index:1;position:absolute;bottom:29px;left:27px}.arena-name>span{font:9px var(--mono);letter-spacing:1.6px;color:var(--lime);background:#101b1e9c;border:1px solid #c8f56a44;padding:5px 8px;display:inline-block}.arena-name h2{font:600 48px/1 var(--heading);text-transform:uppercase;letter-spacing:.4px;margin:10px 0 7px}.arena-name p{color:#a6b1a6;margin:0;font-size:11px}.map-tag{z-index:1;font:8px/1.7 var(--mono);color:#b3c0b1;text-align:right;align-items:center;gap:13px;display:flex;position:absolute;bottom:28px;right:23px}.arena-bottom{background:#1b2526;border-top:1px solid #71847726;align-items:center;gap:24px;height:48px;padding:0 23px;display:flex}.arena-bottom>span{font:8px var(--mono);letter-spacing:.5px;color:#b4c0ac;white-space:nowrap;align-items:center;gap:7px;display:flex}.arena-bottom>.arena-arrow{color:var(--lime);margin-left:auto;font-size:22px}.launch-panel{border:1px solid var(--line);border-radius:4px;flex-direction:column;min-width:0;padding:23px;display:flex}.section-label{color:#7b8375;justify-content:space-between;display:flex}.launch-panel>.section-label{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:18px}.input-label{color:#656f60;font-size:9px;display:block}.callsign{border-bottom:1px solid #aeb6a3;align-items:center;gap:9px;margin:9px 0 23px;padding:4px 0 10px;display:flex}.callsign input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:600}.callsign>span{font:19px var(--mono);color:#8d9b7e}.callsign>span:last-child{font-size:14px}.loadout-head{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.loadout-head>span:last-child{font:7px var(--mono);color:#9ca392;letter-spacing:.4px}.weapons{grid-template-columns:1fr 1fr;gap:9px;display:grid}.weapon{text-align:left;border:1px solid var(--line);background:#eaece2;border-radius:3px;flex-direction:column;padding:11px 11px 13px;display:flex;position:relative}.weapon.selected{background:#e4eacb;border-color:#8a9b65}.weapon svg:not(.weapon-check){color:#52604b;width:100%;height:47px;margin-bottom:8px}.weapon>span{font:600 8px var(--mono);letter-spacing:.2px;white-space:nowrap}.weapon>small{color:#89917e;margin-top:5px;font-size:8px}.weapon .weapon-check{color:#5b753b;position:absolute;top:7px;right:6px}.deploy-actions{flex-direction:column;gap:9px;margin-top:22px;display:flex}.primary,.secondary{width:100%;font:600 10px var(--mono);letter-spacing:.7px;border-radius:3px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:16px 17px;display:flex}.primary{background:var(--ink);color:var(--lime)}.primary:hover{background:#354334}.primary>span,.secondary>span{text-align:left;flex:1}.secondary{color:#46513e;background:0 0;border:1px solid #bdc5ae}.difficulty{font:8px var(--mono);color:#87907c;letter-spacing:.5px;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.difficulty select{font:9px var(--mono);color:#4d5b40;background:0 0;border:0;outline:0}.launch-note{font:7.5px var(--mono);color:#929a87;align-items:center;gap:7px;margin:17px 0 0;line-height:1.6;display:flex}.launch-note .status-dot{width:4px;height:4px}.under-grid{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:25px;padding:28px 0 31px;display:grid}.brief .section-label{font-size:8px}.brief h3{letter-spacing:-.3px;margin:10px 0 7px;font-size:16px}.brief p{color:#8c9383;margin:0;font-size:10px;line-height:1.7}.control-strip{justify-content:center;gap:19px;display:flex}.control-strip>div{flex-direction:column;align-items:center;gap:9px;display:flex}.control-strip kbd{font:9px var(--mono);white-space:nowrap;border:1px solid #c5cbb9;border-bottom-width:3px;border-radius:3px;padding:8px 7px}.control-strip span{font:7px var(--mono);color:#959c89;letter-spacing:.4px}.manual-link{text-align:left;border-left:1px solid var(--line);background:0 0;align-items:center;gap:13px;padding:20px 0 20px 23px;display:flex}.manual-link>span{font:7px var(--mono);color:#929a86;flex:1;line-height:1.7}.manual-link strong{color:var(--ink);margin-top:4px;font:500 11px DM Sans,Arial,sans-serif;display:block}.manual-link>svg:last-child{margin-left:auto}footer{font:7px var(--mono);color:#8b9380;letter-spacing:.7px;justify-content:space-between;padding:22px 0 25px;display:flex}footer>span{align-items:center;gap:10px;display:flex}footer .brand-mark{width:12px;height:12px}footer .brand-mark i{width:5px;height:5px}.footer-plus{margin:0 10px}.room-heading{font:9px var(--mono);letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:20px;display:flex}.room-heading>span{align-items:center;gap:7px;display:flex}.room-heading button{font:8px var(--mono);background:0 0;align-items:center;gap:5px;padding:0;display:flex}.roster{margin:12px 0}.roster>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.avatar{color:#334331;border:1px solid #b1bca3;border-radius:3px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.roster>div>span:nth-child(2){font-size:12px;font-weight:600}.roster small{font:6px var(--mono);letter-spacing:.6px;color:#969e8a;margin-top:3px;display:block}.connected-dot{background:#7c9d48;border-radius:100%;width:5px;height:5px;margin-left:auto}.roster .empty-slot{color:#9ba38f}.fill-label{color:#7a856d;align-items:center;gap:7px;margin:0 0 14px;font-size:9px;display:flex}.fill-label input{accent-color:#829c4a}.text-button{font:9px var(--mono);letter-spacing:.6px;background:0 0;justify-content:center;align-items:center;gap:7px;padding:12px;display:flex}.leave-room{margin-top:5px}.inline-error{color:#8b4d36;background:#f5e7dd;border:1px solid #d7b5a4;justify-content:space-between;align-items:center;margin-top:16px;padding:13px 16px;font-size:12px;display:flex}.inline-error button{background:0 0}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#101c24aa;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:5px;width:430px;max-width:100%;padding:35px;position:relative;box-shadow:0 30px 100px #0003}.dialog-close{position:absolute;top:15px;right:15px}.dialog>.eyebrow{margin-top:8px;font-size:8px}.dialog h2{font:700 39px/1 var(--heading);text-transform:uppercase;margin:20px 0 12px}.dialog>p{color:#868e7b;font-size:12px;line-height:1.7}.dialog-tabs{border-bottom:1px solid var(--line);margin:25px 0;display:flex}.dialog-tabs button{width:50%;font:9px var(--mono);color:#8f9683;background:0 0;border-bottom:2px solid #0000;padding:13px 0}.dialog-tabs button.active{color:#253322;border-color:#253322}.dialog-input{background:0 0;border:1px solid #c5ccb8;border-radius:3px;width:100%;margin:9px 0 18px;padding:11px 12px}.code-input{font:22px var(--mono);letter-spacing:6px}.room-info{background:#e8ecdd;align-items:center;gap:14px;margin:3px 0 23px;padding:17px 14px;font-size:11px;display:flex}.room-info small{color:#929a84;margin-top:5px;font-size:8px;display:block}.dialog-footnote{text-align:center;color:#989f8d;margin-top:18px;font-size:9px;line-height:1.7;display:block}.dialog .dialog-error{color:#a94f35;font-size:11px}.manual{border-top:1px solid var(--line);padding:30px 0 40px}.manual h2{font:600 46px var(--heading);margin:15px 0}.manual>p{color:#7a856e;max-width:640px;line-height:1.8}.manual-grid{grid-template-columns:repeat(4,1fr);gap:28px;margin:35px 0;display:grid}.manual-grid article{border-top:1px solid var(--line);padding-top:20px}.manual-grid article>span{font:12px var(--mono);color:#8b9b76}.manual-grid h3{font-size:16px}.manual-grid p{color:#88917e;font-size:12px;line-height:1.9}.manual-note{background:#e7ebdc;align-items:center;gap:15px;margin:25px 0;padding:15px 20px;display:flex}.manual-note p{color:#78856b;font-size:11px;line-height:1.8}.manual>.primary{width:220px}.in-match{max-width:none;padding:0}.game-shell{color:#dbe4d4;background:#111a1c;position:fixed;inset:0;overflow:hidden}.game-shell>canvas{cursor:crosshair;touch-action:none;width:100%;height:calc(100% - 171px);position:absolute;inset:67px 0 104px}.game-top{pointer-events:none;background:#121d1ff2;border-bottom:1px solid #8a9b7d28;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:absolute;top:0;left:0;right:0}.game-top>*{pointer-events:auto}.game-wordmark{letter-spacing:-.5px;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.game-wordmark .brand-mark{width:19px;height:19px;color:var(--lime)}.game-wordmark .brand-mark i{width:8px;height:8px}.game-wordmark>span:last-child{font:7px var(--mono);color:#859880;letter-spacing:1px;border-left:1px solid #5b6f5666;margin-left:7px;padding-left:15px}.timer{align-items:center;gap:16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.timer>span{font:7px var(--mono);color:#8c9e83;letter-spacing:.7px}.timer>strong{font:600 35px var(--heading);color:#e8efdf;letter-spacing:1px}.timer i{color:#b6d485;font-style:normal}.game-buttons{gap:8px;display:flex}.game-buttons .icon-btn{color:#c2d0b8;border-color:#8a9b7d38;width:31px;height:31px}.game-bottom{pointer-events:none;background:#121d1ff2;border-top:1px solid #8a9b7d28;justify-content:space-between;align-items:center;height:104px;padding:10px 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-label{font:8px var(--mono);letter-spacing:1px;color:#a2b295;display:block}.hud-label small{color:#5e7558;margin-left:12px;font-size:6px}.health-number{color:var(--lime);align-items:center;gap:9px;display:flex}.health-number>strong{font:600 35px var(--heading)}.health-number>span{font:10px var(--mono);color:#6a815f;align-self:flex-end;margin-bottom:8px}.health-bar{background:#384733;width:170px;height:4px;margin-top:3px}.health-bar>i{height:100%;transition:width .1s;display:block}.game-hint{color:#819676;font:7px var(--mono);letter-spacing:.5px;flex-direction:column;align-items:center;gap:10px;display:flex}.game-hint kbd{color:#b1c0a4;border:1px solid #4b624233;margin-right:4px;padding:3px 5px}.ammo-block{text-align:right}.ammo-block>strong{font:600 38px var(--heading);color:var(--lime);display:block}.ammo-block>strong>small{font:12px var(--mono);color:#627b55;margin-left:8px}.ammo-block .reloading{font:12px var(--mono)}.ammo-block .hud-label{font-size:7px}.ammo-block .hud-label i{margin:0 7px;font-style:normal}.killfeed{pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute;top:85px;right:24px}.killfeed>div{font:9px var(--mono);color:#b5c3a9;background:#152124da;border-left:2px solid;padding:8px 12px}.respawn{text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#142125e8;border:1px solid #465e3b77;padding:26px 46px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.respawn>span{font:9px var(--mono);letter-spacing:2px;color:#98ac8b}.respawn h2{font:600 45px var(--heading);text-transform:uppercase;color:var(--lime);margin:8px 0}.respawn p{color:#8da17e;margin:0;font-size:11px}.score-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#0a1217a6;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.score-card{width:550px;max-width:100%;color:var(--ink);background:#f3f3eb;border-radius:4px;padding:32px}.score-card>.eyebrow{color:#7e906a;font-size:9px}.score-card h2{font:600 38px var(--heading);text-transform:uppercase;margin:15px 0 25px}.score-head,.score-row{font:11px var(--mono);grid-template-columns:1fr 55px 55px;align-items:center;gap:15px;padding:15px 10px;display:grid}.score-head{color:#88947a;padding-top:0;font-size:8px}.score-head>span:not(:first-child),.score-row>span:last-child,.score-row>strong{text-align:center}.score-row{border-top:1px solid #d8dfcb}.score-row.you{background:#e7edda}.score-row>span:first-child{align-items:center;gap:8px;display:flex}.score-row i{border:1px solid #74845c55;width:7px;height:7px;display:block}.score-row small{color:#899779;font-size:6px}.score-row strong{font-size:14px}.score-actions{flex-direction:column;gap:7px;margin-top:25px;display:flex}.pause-dialog .secondary{margin-top:10px}.connection-error{font:10px var(--mono);z-index:25;color:#ffbc97;background:#442e24;max-width:90%;padding:10px 20px;position:absolute;bottom:125px;left:50%;transform:translate(-50%)}@media (min-width:1400px){.app:not(.in-match){padding:0 75px}.intro{padding-top:48px}.arena-visual{min-height:395px}.launch-panel{padding:27px}.weapons .weapon{padding:15px}.intro h1{font-size:96px}.intro h1 i{left:365px}.arena-name h2{font-size:55px}}@media (max-width:1050px){.app{padding:0 28px}.play-grid{grid-template-columns:minmax(0,1.5fr) 330px;gap:18px}.arena-top{padding:0 16px}.arena-top>span:last-child{font-size:6px}.arena-bottom{gap:13px;padding:0 15px}.arena-bottom>span{font-size:6px}.launch-panel{padding:20px}.control-strip{gap:10px}.manual-link{padding-left:15px}.under-grid{grid-template-columns:.9fr 1fr 1fr;gap:16px}.game-wordmark>span:last-child{display:none}.manual-grid{grid-template-columns:1fr 1fr}.intro h1{font-size:78px}.intro h1 i{left:300px}}@media (max-width:760px){.app{padding:0 20px}header{height:75px}.brand{gap:8px;font-size:20px}.brand-mark{width:23px;height:23px}.brand-mark i{width:9px;height:9px}nav{gap:17px;margin-left:auto;margin-right:20px}nav button{letter-spacing:.4px;font-size:8px}nav button span,.header-right .build{display:none}.header-right{gap:0}.intro{padding:31px 0}.intro h1{margin-top:20px;font-size:73px}.intro h1 i{font-size:55px;top:22px;left:278px}.intro-note{display:none}.intro p{font-size:12px}.eyebrow{font-size:8px}.play-grid{grid-template-columns:1fr;gap:20px}.arena-visual{min-height:300px}.arena-top>span:last-child{font-size:7px}.arena-bottom{gap:20px}.arena-bottom>span{font-size:7px}.launch-panel{padding:23px}.launch-panel .weapons svg{height:48px}.weapons .weapon>span,.weapons .weapon>small{font-size:10px}.launch-note{font-size:8px}.under-grid{grid-template-columns:1fr 1fr;gap:24px}.brief{grid-column:1/-1}.brief p br{display:none}.control-strip{justify-content:flex-start;gap:11px}.control-strip kbd{padding:6px;font-size:7px}.control-strip span{font-size:6px}.manual-link{gap:10px;padding-left:15px}.manual-link>svg:first-child{display:none}.manual-link>span{font-size:6px}.manual-link strong{font-size:10px}footer>span:last-child{display:none}footer{font-size:6px}.manual-grid{gap:20px}.manual h2{font-size:38px}.game-top{height:60px;padding:0 14px}.game-wordmark{gap:7px;font-size:12px}.game-wordmark .brand-mark{width:15px;height:15px}.game-wordmark .brand-mark i{width:6px;height:6px}.timer>span{display:none}.timer strong{font-size:30px}.game-buttons{gap:5px}.game-buttons .icon-btn{width:28px;height:28px}.game-bottom{height:100px;padding:10px 14px}.game-shell>canvas{height:calc(100% - 160px);inset:60px 0 100px}.game-hint{display:none}.health-bar{width:115px}.game-bottom .hud-label{font-size:7px}.game-bottom .hud-label small{display:none}.ammo-block>strong{font-size:33px}.killfeed{top:70px;right:10px}.killfeed>div{padding:5px 8px;font-size:7px}.dialog{padding:29px}.score-card{padding:24px}.score-card h2{font-size:30px}.score-head,.score-row{grid-template-columns:1fr 42px 48px;gap:10px;font-size:9px}.score-head{font-size:7px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}