:root{font-family:Arial,Helvetica,sans-serif;color:#f4f2e9;background:#93b9b4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #e2fd81;outline-offset:5px}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,32,33,.96) 0%,rgba(13,32,33,.8) 28%,rgba(13,32,33,.14) 68%),linear-gradient(0deg,rgba(13,32,33,.75),transparent 25%)}header{position:absolute;top:0;left:0;right:0;padding:30px 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:900;letter-spacing:-1px;color:inherit;text-decoration:none}.brand-icon{display:grid;place-items:center;background:#dafb7d;color:#1c3330;width:32px;height:34px;clip-path:polygon(0 0,100% 0,100% 60%,65% 60%,65% 100%,0 100%);font-size:22px}.alpha{margin-left:8px;font-size:9px;letter-spacing:1.2px;font-weight:500;border:1px solid #ffffff40;padding:6px;color:#d0d8ce}.connection{display:flex;align-items:center;gap:10px;font:10px monospace;letter-spacing:.8px}#status-dot{height:6px;width:6px;background:#e4b873;border-radius:50%}.divider{opacity:.35;margin:0 10px}#menu{position:absolute;top:50%;left:7.2%;transform:translateY(-45%);width:440px;z-index:4}.eyebrow{font:10px monospace;letter-spacing:2px;color:#d6e1cd;display:flex;align-items:center;gap:12px}.eyebrow span{width:23px;height:2px;background:#d9fa7e}h1{font-size:clamp(48px,5.7vw,83px);line-height:.99;letter-spacing:-4px;margin:25px 0 22px;font-weight:950}h1 em{color:#dcfb85;font-style:normal}.intro{color:#bac9c5;line-height:1.65;font-size:14px;margin-bottom:30px}label{display:block;font:9px monospace;letter-spacing:1.5px;color:#b2c0ba;margin-bottom:10px}.entry{display:flex;border:1px solid #cedccb40;background:#142d2b80;height:50px;align-items:center;padding:0 15px;gap:12px}.entry>span{color:#d8f98a;font-size:22px}.entry input{width:100%;background:transparent;border:0;color:#fff;font:14px Arial;outline:none}.entry .input-badge{font:10px monospace;opacity:.5}#play,#resume{width:100%;border:0;background:#dcfb85;color:#17322d;padding:20px 22px;text-align:left;font-weight:800;font-size:12px;letter-spacing:1px;margin-top:10px;transition:background .15s,transform .15s}#play:hover,#resume:hover{background:#eeffb6;transform:translateY(-2px)}button>span{float:right;font-size:19px;line-height:14px}#notice{font:10px monospace;line-height:1.6;color:#aebfb5;margin-top:13px;min-height:16px}.control-guide{border-top:1px solid #ffffff21;margin-top:25px;padding-top:19px;display:flex;gap:17px;color:#b5c7bd;font-size:9px}.control-guide span{display:flex;gap:6px;align-items:center}kbd{font:9px monospace;border:1px solid #ffffff3b;padding:4px;color:#f3f4e7;white-space:nowrap}#map-card{position:absolute;right:4%;bottom:110px;width:300px;background:#16312de8;backdrop-filter:blur(12px);border:1px solid #e3efd62b;padding:24px;z-index:3}.map-top{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:2px;color:#c4d0bc}.live-label{color:#d4f286}.map-title{font-size:36px;line-height:.95;font-weight:900;letter-spacing:-1.5px;margin-top:24px;position:relative}.map-title>span{position:absolute;right:0;bottom:0;color:#d9fa7e;font-weight:400}#map-card p{font-size:11px;color:#b6c3b5;margin:12px 0 25px}.map-stats{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:18px}.map-stats span{display:flex;flex-direction:column;font-size:8px;gap:7px;color:#bdc9b9}.map-stats b{font:18px monospace;color:#fff}.map-bottom{font:8px monospace;color:#d5f886;letter-spacing:.6px;border-top:1px solid #ffffff24;margin-top:20px;padding-top:15px}.map-bottom span{display:block;color:#acbdb1;margin-top:7px;letter-spacing:0}footer{position:absolute;left:44px;right:44px;bottom:0;height:66px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff2a;font:9px monospace;letter-spacing:1.5px;color:#c3cec2}footer b{font-weight:400;opacity:.6;margin-left:12px}footer i{color:#d9fb7e;font-size:24px;vertical-align:middle;margin-left:16px}.playing #vignette{background:radial-gradient(ellipse,transparent 40%,#0a22223b)}.playing header{padding:20px 28px;border:0}.playing .brand{font-size:18px}.playing .brand-icon{width:24px;height:25px;font-size:18px}.playing .alpha{display:none}.match{position:absolute;top:25px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-shadow:0 2px 6px #0006}.match>span{font:9px monospace;letter-spacing:1.3px}.match strong{font:34px monospace;margin:7px}.match small{font:9px monospace;color:#d9fa83}#crosshair{position:absolute;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #000)}#crosshair i{position:absolute;background:#faffeb}#crosshair i:nth-child(1){width:2px;height:6px;left:10px;top:0}#crosshair i:nth-child(2){width:2px;height:6px;left:10px;bottom:0}#crosshair i:nth-child(3){width:6px;height:2px;left:0;top:10px}#crosshair i:nth-child(4){width:6px;height:2px;right:0;top:10px}#hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:38px monospace;color:#ddfb87;opacity:0}#feed{position:absolute;right:30px;top:90px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}#feed div{background:#18362bba;padding:9px 12px;font:11px monospace;border-right:2px solid #dafa7c}.bottom-hud{position:absolute;bottom:35px;left:35px;right:35px;display:flex;align-items:end;justify-content:space-between;text-shadow:0 2px 10px #0005}.health{display:flex;gap:14px;align-items:center}.health>span{color:#dbfc86;font-size:25px}.health strong,.ammo strong{font:42px monospace}.health small,.ammo small{display:block;font:9px monospace;letter-spacing:1px;color:#e9eedf}.health-track{width:100px;height:4px;background:#ffffff40;margin-top:10px}.health-track i{display:block;background:#dafa7c;height:100%;width:100%}.hud-keys{font:10px monospace;color:#e4e9df}.hud-keys span{margin:0 10px}.ammo{display:flex;gap:15px;align-items:center}.ammo>div>span{font:16px monospace;color:#e1e9d1}.ammo-icon{font-size:12px;line-height:.7;color:#dcfc85}#reload-label{position:absolute;top:60%;left:50%;transform:translateX(-50%);font:12px monospace;text-shadow:0 2px 4px #000}#damage{position:absolute;inset:0;box-shadow:inset 0 0 140px 30px #e74236;opacity:0;pointer-events:none;transition:opacity .2s;z-index:2}#death{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#16342edb;padding:25px 45px;border-top:3px solid #dcfa87}#death span{font:10px monospace;color:#defb8b;letter-spacing:3px}#death strong{display:block;font-size:28px;margin-top:12px}#death p{font:12px monospace;color:#d8e2cf}#scoreboard{position:absolute;top:22%;left:50%;transform:translateX(-50%);width:460px;max-height:65vh;overflow:auto;padding:25px;background:#112c29ed;border:1px solid #d9f28055;z-index:7}.score-heading{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff30;padding-bottom:18px;margin-bottom:10px;font-weight:800}.score-heading small{font:10px monospace}.score-row{display:grid;grid-template-columns:30px 1fr 50px 50px;padding:12px 4px;font:12px monospace}.score-row.me{color:#ddfc85;background:#ddfc8510}.score-row small{opacity:.5;font-size:9px;margin-left:8px}@media(max-height:760px){#menu{transform:translateY(-40%)}h1{font-size:58px;margin:18px 0}.intro{margin:14px 0 20px}.control-guide{margin-top:15px}#map-card{bottom:90px}}@media(max-width:900px){#menu{left:6%;width:370px}#map-card{width:240px;right:3%;padding:18px}header{padding:24px}.alpha{display:none}.connection{font-size:8px}.control-guide{gap:9px}footer{left:24px;right:24px}.hud-keys{display:none}}@media(max-width:680px){#map-card{display:none}#menu{width:88%;top:48%}h1{font-size:60px}.connection .divider,#population{display:none}header{padding:22px}.brand{font-size:18px}footer span:first-child{display:none}.control-guide{flex-wrap:wrap}.match{top:75px}.health-track{width:50px}#scoreboard{width:90%}.bottom-hud{left:20px;right:20px}.playing .connection{display:none}}

/* Compact screens retain the entry form without colliding with the footer. */
@media(min-width:901px){#menu{width:520px}h1{font-size:clamp(48px,5.1vw,72px)}#join-form,#resume,.control-guide{max-width:440px}}
@media(max-width:680px){h1{font-size:clamp(35px,10.8vw,58px);letter-spacing:-2px;line-height:1.04;margin:18px 0}#menu{top:50%;transform:translateY(-46%)}.intro{font-size:12px;margin:15px 0 20px}.control-guide{margin-top:16px;padding-top:14px;font-size:8px;gap:10px}footer{height:45px;font-size:7px}.eyebrow{font-size:8px}.entry{height:44px}#play,#resume{padding:18px}#notice{font-size:9px}header{padding:18px 22px}}
@media(max-height:560px){body{overflow:auto}#menu{position:relative;top:auto;transform:none;margin-top:110px;margin-bottom:85px}footer{position:relative;margin-top:30px}#map-card{display:none}}