@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--red:#ed3e45;--cyan:#48d9e8;--ink:#101317;--muted:#92989e}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#13171b;color:#f3f4f5;font-family:Barlow,Arial,sans-serif}#game canvas{display:block}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 38%,#27303980,transparent 50%),linear-gradient(90deg,#0b0d10ed 0%,#0b0d10c9 48%,#0b0d1070);z-index:5}.menu-card{width:min(440px,calc(100vw - 40px));padding:38px 42px 25px;border:1px solid #ffffff19;background:#111519e8;box-shadow:0 28px 90px #0008;position:relative}.menu-card:before{content:'';position:absolute;left:-1px;top:0;width:4px;height:78px;background:var(--red)}.eyebrow,.section-label,.menu-foot,.menu-card label,.weapon-name small,.hint,.match-label,.online,.score-head,.score-title small{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.6px}.eyebrow{font-size:11px;color:#bbc0c4}.menu-card h1{font:800 46px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:16px 0 0}.menu-card h1 b{color:var(--red)}.tagline{color:#979ea4;font-size:13px;margin:0 0 32px}.menu-card label{font-size:11px;color:#c3c8cc;display:block;margin-bottom:8px}.menu-card input{width:100%;height:43px;color:#fff;border:1px solid #ffffff25;background:#0b0e11;padding:0 12px;font:15px Barlow;outline:none}.menu-card input:focus{border-color:#ed3e4580}.menu-card button{height:48px;width:100%;margin:13px 0 18px;border:0;background:var(--red);color:#fff;font:700 16px 'Barlow Condensed';letter-spacing:2px;cursor:pointer;transition:.15s}.menu-card button:hover{background:#ff555b;transform:translateY(-1px)}#serverState{display:flex;align-items:center;gap:9px;font-size:12px;color:#adb4b9}#serverState i,.online i{width:7px;height:7px;border-radius:50%;background:#e6ae50;box-shadow:0 0 10px currentColor}#serverState.online i,.online i{background:#55d6a0;color:#55d6a0}#serverState.offline i{background:var(--red);color:var(--red)}#menuError{color:#ff777b;font-size:12px;min-height:17px;margin-top:7px}.menu-foot{border-top:1px solid #ffffff18;margin-top:17px;padding-top:14px;display:flex;justify-content:space-between;font-size:9px;color:#80878c}.menu-foot b{color:var(--cyan)}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}.topbar{position:absolute;left:0;right:0;top:0;height:57px;padding:0 27px;display:flex;align-items:center;background:linear-gradient(#090b0dd9,transparent);gap:20px}.brand{font:900 20px 'Barlow Condensed';letter-spacing:1px}.brand span{color:var(--red)}.match-label{font-size:11px;color:#d2d6d8}.match-label small{color:var(--red);padding:0 7px}.online{margin-left:auto;font-size:10px;display:flex;align-items:center;gap:7px;color:#cdd1d4}.crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;width:4px;height:1px;background:#fff;box-shadow:0 0 2px #000}.crosshair i:nth-child(1){top:0;left:5px;width:1px;height:4px}.crosshair i:nth-child(2){bottom:0;left:5px;width:1px;height:4px}.crosshair i:nth-child(3){top:5px;left:0}.crosshair i:nth-child(4){top:5px;right:0}.crosshair b{position:absolute;width:2px;height:2px;background:var(--red);left:6px;top:6px}.hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:32px Arial;color:white;text-shadow:0 1px 4px #000;opacity:0}.hitmarker.show{animation:hit .26s ease-out}@keyframes hit{0%{opacity:1;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.feed{position:absolute;right:25px;top:75px;width:260px;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.feed div{padding:7px 10px;background:#111820cc;border-right:2px solid var(--red);font-size:11px;animation:feedin .2s ease-out}@keyframes feedin{from{opacity:0;transform:translateX(10px)}}.feed b{color:#fff}.feed em{color:var(--red);font-style:normal;padding:0 7px}.bottom-left{position:absolute;bottom:25px;left:27px;width:220px}.section-label{color:#91999f;font-size:9px;margin-bottom:6px}.health{display:flex;align-items:baseline;gap:7px}.health strong{font:700 36px 'Barlow Condensed'}.health>span{font:600 12px 'Barlow Condensed';color:var(--red)}.health-bar{height:3px;background:#ffffff25;flex:1;margin-left:8px}.health-bar i{display:block;background:var(--red);height:100%;width:100%;transition:width .2s}.stats{display:flex;gap:18px;border-top:1px solid #ffffff24;padding-top:9px;margin-top:5px;font:10px 'Barlow Condensed';letter-spacing:1px;color:#aeb4b8}.stats b{font-size:14px;color:#fff;padding-left:5px}.weapon{position:absolute;right:27px;bottom:23px;width:210px;text-align:right}.weapon-name{font:700 14px 'Barlow Condensed';letter-spacing:1.5px}.weapon-name small{display:block;color:#8d959a;font-size:9px;font-weight:400;margin-top:2px}.ammo{font:700 39px 'Barlow Condensed';line-height:1.1}.ammo span{font-size:17px;color:#939a9f}.reload{position:absolute;right:0;top:5px;color:var(--red);font:700 11px 'Barlow Condensed';letter-spacing:2px}.weapon-shape{margin:10px 0 0 auto;width:165px;height:11px;background:#262c30;border:1px solid #596167;transform:skew(-25deg);position:relative}.weapon-shape:before{content:'';position:absolute;left:12px;top:9px;width:39px;height:19px;background:#202529}.weapon-shape i{position:absolute;right:-24px;top:3px;width:24px;height:3px;background:#717a80}.weapon-shape b{position:absolute;right:50px;top:-4px;width:20px;height:4px;background:#717a80}.hint{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);color:#d2d6d8;font-size:9px;white-space:nowrap}.hint small{font-size:8px;color:#899197;margin-left:2px}.scoreboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,90vw);padding:20px;background:#101519ed;border:1px solid #ffffff24;box-shadow:0 20px 70px #0009}.score-title{font:700 16px 'Barlow Condensed';letter-spacing:2px;margin-bottom:18px}.score-title small{float:right;color:var(--cyan);font-size:10px}.score-head,.score-row{display:grid;grid-template-columns:1fr 100px 45px 45px;gap:10px;align-items:center}.score-head{font-size:9px;color:#899197;padding:0 10px 8px;border-bottom:1px solid #ffffff20}.score-row{font-size:13px;padding:10px;border-bottom:1px solid #ffffff0c}.score-row .status{color:#63d6a0;font:10px 'Barlow Condensed';letter-spacing:1px}.pause,.eliminated{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090c10a9;text-shadow:0 2px 15px #000}.pause h2,.eliminated span{font:800 32px 'Barlow Condensed';letter-spacing:3px;margin:0}.pause p{font:12px 'Barlow Condensed';letter-spacing:2px;color:#b1b8bc}.eliminated{background:#120d0ed9}.eliminated span{color:var(--red)}.eliminated b{font:600 13px 'Barlow Condensed';letter-spacing:3px;color:#ddd;margin-top:8px}@media(max-width:600px){.menu-card{padding:30px 25px}.hint{display:none}.bottom-left{left:16px;bottom:14px}.weapon{right:16px;bottom:14px}.topbar{padding:0 16px}.feed{right:12px;top:66px}.match-label{font-size:9px}}
:root{--red:#ed3e45;--cyan:#48d9e8;--ink:#101317;--muted:#92989e}*{box-sizing:border-box}
.focus-hint{position:absolute;left:50%;top:62%;transform:translateX(-50%);text-align:center;padding:10px 15px;background:#111820bd;border:1px solid #ffffff24;color:#fff;font:700 13px 'Barlow Condensed';letter-spacing:2px;white-space:nowrap}.focus-hint small{display:block;color:#aeb7bc;font:10px 'Barlow Condensed';letter-spacing:1px;margin-top:4px}
.lock-status{font:600 10px 'Barlow Condensed';letter-spacing:1.4px;color:#8e969b;border:1px solid #ffffff20;padding:5px 8px}.lock-status.active{color:var(--cyan);border-color:#48d9e866}