@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101619;--panel:#121c20ed;--text:#edf1ec;--muted:#91a2a7;--accent:#d9f65b;--line:#ffffff18;--blue:#60bbef;--orange:#f39b63;font-family:Barlow,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}button.primary{background:var(--accent);color:#162009;font-weight:800;letter-spacing:1px;padding:18px 23px;display:flex;justify-content:space-between;align-items:center;gap:20px}button.primary:hover{background:#e9ff91;transform:translateY(-1px)}button.outline{background:#0a11145e;color:var(--text);border:1px solid #cedbd64d;padding:17px 23px;font-weight:700;letter-spacing:1px}button.outline:hover{border-color:var(--accent);color:var(--accent)}button.subtle{background:transparent;color:var(--muted);padding:10px;font-size:14px}button.subtle:hover{color:var(--text)}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#lobby{position:relative;height:100dvh;overflow:auto;display:flex;flex-direction:column;background:linear-gradient(90deg,#071014ed 0%,#08121896 45%,#0710148c 100%)}header{display:flex;align-items:center;gap:28px;padding:28px 4.5vw;border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;font-weight:800;letter-spacing:1px;color:var(--text);text-decoration:none;line-height:.9}.brand>span{color:var(--accent);margin-left:6px}.brand small{display:block;font:10px Barlow,Arial,sans-serif;letter-spacing:3.1px;margin-top:9px}.connection{margin-left:auto;font-size:13px;color:var(--accent);letter-spacing:.7px}.lobby-layout{flex:1;display:grid;grid-template-columns:1.03fr 1fr;gap:6vw;padding:6vh 4.5vw 3vh;align-items:center}.intro{max-width:620px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.6px;color:var(--accent)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,5.6vw,88px);font-weight:800;letter-spacing:-.8px;line-height:.94;margin:24px 0}h1 span{color:var(--accent)}p{font-size:16px;line-height:1.5;color:var(--muted)}.callsign{margin:26px 0 18px;max-width:350px}.callsign label{font-size:12px;letter-spacing:2px;color:var(--muted);font-weight:600}.callsign input{margin-top:9px}.callsign>span{display:block;color:var(--muted);font-size:12px;margin-top:7px}input:not([type=checkbox]):not([type=range]),select{width:100%;background:#0c141ad9;color:var(--text);border:1px solid #ffffff24;padding:13px 15px;border-radius:2px}input::placeholder{color:#819195}.intro>.primary,.intro>.outline{width:350px;max-width:100%;margin-top:10px}.map-caption{display:flex;gap:22px;align-items:center;margin-top:35px;font-size:12px;letter-spacing:1px}.map-caption span{color:var(--muted);letter-spacing:0}.room-panel{background:var(--panel);border:1px solid #cde0dc25;box-shadow:0 20px 80px #0004;align-self:center}.panel-heading{padding:25px 24px;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;letter-spacing:.3px;margin:6px 0 0;font-weight:600}.panel-heading h2 span{font:14px Barlow,Arial,sans-serif;color:var(--muted);margin-left:10px}.room-columns{display:grid;grid-template-columns:1fr 75px 90px;gap:15px;padding:14px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:1.5px}#rooms{height:290px;overflow:auto}.room{width:100%;display:grid;grid-template-columns:1fr 75px 90px;align-items:center;gap:15px;text-align:left;padding:22px 24px;color:var(--text);background:transparent;border-bottom:1px solid var(--line);position:relative}.room:hover{background:#d9f60d09}.room:hover:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.room-name{display:block;font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.room-map{display:block;font-size:12px;color:var(--muted);margin-top:6px}.room-players{font-size:15px}.room-players small{color:var(--muted)}.badge{font-size:11px;letter-spacing:1px;font-weight:600;color:var(--accent);background:#d9f65b0b;border:1px solid #d9f65b22;padding:6px 8px;text-align:center}.badge.locked{color:#c8cfd2;background:#ffffff06;border-color:#ffffff18}.lobby-foot{padding:16px 24px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.empty{padding:36px 24px;color:var(--muted);line-height:1.6}footer{padding:23px 4.5vw;border-top:1px solid var(--line);display:flex;gap:25px;font-size:12px;color:var(--muted);flex-wrap:wrap}kbd{font:10px Barlow,Arial,sans-serif;letter-spacing:1px;padding:4px 6px;border:1px solid #ffffff2b;color:#d7dfda;margin-right:5px}.build{margin-left:auto;letter-spacing:2px}dialog,.modal{background:#131c21;color:var(--text);border:1px solid #ffffff26;box-shadow:0 30px 120px #0008;border-radius:3px;padding:32px;width:min(480px,calc(100% - 32px))}dialog::backdrop{background:#02070bc9;backdrop-filter:blur(9px)}dialog h2,.modal h2{font:700 40px 'Barlow Condensed',Impact,sans-serif;margin:9px 0 25px}dialog label{display:block;font-size:14px;color:#c7d1d3;margin-top:18px}dialog label input,dialog label select{margin-top:8px}dialog label small{color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox{display:flex!important;gap:10px;align-items:center}.checkbox input{accent-color:var(--accent);width:17px;height:17px;margin:0}.hint{font-size:13px;line-height:1.6}.actions{display:flex;justify-content:flex-end;gap:15px;margin-top:26px}input[type=range]{width:100%;accent-color:var(--accent)}output{float:right}.overlay{position:fixed;inset:0;background:#060d12a3;backdrop-filter:blur(7px);display:grid;place-items:center;z-index:8}[hidden]{display:none!important}.pause-card{text-align:center}.pause-card button{width:100%;margin-top:12px}.pause-card p{margin-bottom:26px}.score-card{width:min(720px,calc(100% - 30px))}table{width:100%;border-collapse:collapse}th{color:var(--muted);font-size:12px;letter-spacing:1px}td,th{text-align:right;padding:13px 9px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{text-align:left}td:first-child{max-width:220px;overflow:hidden;text-overflow:ellipsis}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 6px #0008}.match-top{position:absolute;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:stretch;font-family:'Barlow Condensed',Impact,sans-serif}.team{padding:10px 22px;display:flex;align-items:center;gap:24px;background:#0c1722c4;font-size:15px;letter-spacing:1px;font-weight:600;min-width:135px}.team b{font-size:37px;line-height:1}.blue{color:var(--blue);border-top:3px solid var(--blue)}.orange{color:var(--orange);border-top:3px solid var(--orange)}.clock{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#071014df;padding:4px 25px;min-width:140px;border-top:3px solid #bcc9c9}.clock b{font-size:27px;font-weight:600}.clock span{font:10px Barlow,Arial,sans-serif;letter-spacing:1px;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#radar{position:absolute;top:25px;left:25px;width:160px;height:160px;border:1px solid #ffffff3f;background:#071014a9;border-radius:50%}#network{position:absolute;top:195px;left:35px;color:#c5d7cf;font-size:12px}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0;--spread:6px}#crosshair i{position:absolute;background:#e1fbbb;box-shadow:0 0 2px #000;width:2px;height:7px}#crosshair i:nth-child(1){top:calc(-7px - var(--spread));left:-1px}#crosshair i:nth-child(2){top:var(--spread);left:-1px}#crosshair i:nth-child(3){height:2px;width:7px;left:calc(-7px - var(--spread));top:-1px}#crosshair i:nth-child(4){height:2px;width:7px;left:var(--spread);top:-1px}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:36px;color:#fff;opacity:0}#damage{position:absolute;inset:0;box-shadow:inset 0 0 140px 30px #ef3b32;opacity:0}#killfeed{position:absolute;right:24px;top:110px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:13px}#killfeed>div{background:#0b141bdd;border-right:2px solid var(--accent);padding:10px 14px}#notice{position:absolute;left:50%;top:30%;transform:translateX(-50%);text-align:center;font:700 30px 'Barlow Condensed',Impact,sans-serif;color:var(--accent);white-space:pre-line}.bottom-hud{position:absolute;bottom:55px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:flex-end}.health small{display:block;font-size:11px;letter-spacing:2px}.health>b{font:600 55px 'Barlow Condensed',Impact,sans-serif}.health>div{width:125px;height:4px;background:#ffffff38}.health i{display:block;height:100%;width:100%;background:var(--accent)}.equipment{text-align:right}.equipment>span{display:block;font-size:12px;letter-spacing:1.4px}.equipment strong{display:block;font:600 48px 'Barlow Condensed',Impact,sans-serif}.equipment strong small{font-size:26px;color:#afb9b9;padding-left:8px}.equipment #reloadHint{font-size:10px;color:#b9c9c7}.play-help{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;color:#d1dbd5;white-space:nowrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;background:#d9f65b;color:#15200d;border:1px solid #e8fcab;padding:15px 24px;box-shadow:0 10px 30px #0006;font-size:14px;max-width:calc(100% - 30px);text-align:center}@media(max-width:900px){.lobby-layout{gap:24px;padding:30px 24px;grid-template-columns:.9fr 1fr}header{padding:22px 24px}h1{font-size:56px}.room-columns,.room{grid-template-columns:1fr 55px 65px;padding-left:15px;padding-right:15px;gap:8px}.room-name{max-width:150px}.badge{font-size:10px;padding:5px}.map-caption{flex-direction:column;align-items:flex-start;gap:6px}footer{gap:14px;padding:18px 24px}.panel-heading{padding:20px 15px}}@media(max-width:650px){header{gap:10px;padding:20px}.brand{font-size:29px}.connection{font-size:11px}.lobby-layout{grid-template-columns:1fr;padding:32px 20px;gap:35px}.intro{max-width:none}h1{font-size:62px}.intro p{font-size:15px}.intro>.primary,.intro>.outline,.callsign{width:100%;max-width:none}.map-caption{flex-direction:row;margin-top:20px}.room-panel{width:100%}.room-name{max-width:200px}#rooms{height:240px}footer{padding:18px 20px}.build{display:none}.match-top{top:10px}.team{min-width:90px;padding:8px 12px;gap:9px}.clock{min-width:90px;padding:5px 10px}.clock span{max-width:90px}#radar{top:90px;left:12px;width:100px;height:100px}#network{top:195px;left:15px}.play-help{font-size:10px;max-width:95%;white-space:normal;text-align:center}.form-grid{grid-template-columns:1fr}}

#game{transition:filter .35s}#game.is-dead{filter:grayscale(.85) brightness(.65)}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}#botCount:invalid{border-color:#ff775f}

.team-preference{display:block;max-width:350px;font-size:12px;letter-spacing:1px;color:var(--muted);margin:16px 0}.team-preference select{margin-top:8px}.team-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-choice{padding:22px 12px;text-align:left;border:1px solid;background:#0b151a}.team-choice b,.team-choice span{display:block}.team-choice span{font-size:12px;margin-top:12px}.blue-choice{border-color:#60bbef;color:#92d7ff}.orange-choice{border-color:#f39b63;color:#ffc192}.team-choice:disabled{cursor:default;opacity:.45}

#objective{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#101a20dd;color:#ffd685;font-size:13px;text-align:center;max-width:80vw}#objective>div{height:4px;background:#ffffff20;margin-top:9px}#objectiveProgress{display:block;height:100%;background:#ffcb70;width:0}#spectatorHelp{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);background:#11222ade;padding:13px;color:#bfe8ff;font-size:12px;white-space:nowrap}#grenadeHud{position:absolute;right:35px;bottom:185px;color:#dbdfc0;font-size:12px}#grenadeHud b{margin-left:10px}

#hud.spectating .bottom-hud,#hud.spectating #economy,#hud.spectating #grenadeHud{display:none}#hud.spectating #spectatorHelp{bottom:65px;font-size:13px}