@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');
:root{--yellow:#f4c400;--yellow-bright:#ffd62e;--ink:#07090a;--panel:#101517;--muted:#778084;--line:rgba(244,196,0,.25);font-family:'Rajdhani',sans-serif;color:#f5f5f0;background:var(--ink)}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#050708}button{font:inherit;color:inherit;cursor:pointer} .hidden{display:none!important}.boot-screen{position:fixed;inset:0;z-index:20;background:#050708;display:grid;place-content:center;gap:8px;text-align:center;animation:bootOut .7s 1.4s forwards}.boot-screen span{font:900 3.5rem 'Barlow Condensed';letter-spacing:.12em;color:var(--yellow)}.boot-screen small{color:#687175;letter-spacing:.25em;font-size:.65rem}@keyframes bootOut{to{opacity:0;visibility:hidden}}.menu-screen{position:relative;min-height:100vh;overflow:hidden;padding:42px 7vw;background:radial-gradient(circle at 75% 42%,rgba(244,196,0,.12),transparent 25%),linear-gradient(120deg,#07090a 0 55%,#111719 55%);isolation:isolate}.menu-screen:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.22;background:linear-gradient(115deg,transparent 45%,rgba(255,255,255,.06) 45.1%,transparent 45.3%),repeating-linear-gradient(90deg,transparent 0 70px,rgba(255,255,255,.025) 71px 72px)}.menu-glow{position:absolute;width:42vw;height:42vw;right:-8vw;top:20%;border:1px solid var(--line);transform:rotate(28deg);box-shadow:0 0 100px rgba(244,196,0,.08)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--yellow);color:#080909;font:900 1.25rem 'Barlow Condensed';transform:skew(-10deg)}.brand h1{margin:0;font:900 2rem 'Barlow Condensed';letter-spacing:.12em}.brand h1 span{color:var(--yellow)}.brand p{margin:0;color:#697276;font-size:.62rem;letter-spacing:.24em}.menu-content{position:relative;margin-top:18vh;max-width:530px}.eyebrow,.hud-label{color:var(--yellow);font-size:.7rem;font-weight:700;letter-spacing:.2em}.menu-content h2{margin:14px 0 8px;font:500 clamp(4.4rem,10vw,8rem)/.8 'Barlow Condensed';letter-spacing:-.02em}.menu-content h2 strong{font-weight:900;color:var(--yellow)}.menu-copy{color:#899296;letter-spacing:.05em}.primary-button{margin-top:25px;padding:14px 24px;border:0;background:var(--yellow);color:#07090a;font-weight:800;letter-spacing:.13em;transition:.2s;min-width:190px}.primary-button:hover{background:var(--yellow-bright);transform:translateX(5px)}.primary-button span{float:right;margin-left:34px}.menu-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:42px}.menu-actions button,.modal-link{border:0;background:none;padding:5px 0;color:#b2b9ba;font-size:.75rem;letter-spacing:.13em}.menu-actions button:hover,.modal-link:hover{color:var(--yellow)}footer{position:absolute;bottom:36px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#596164;font-size:.64rem;letter-spacing:.15em}.game-screen{position:relative;height:100vh;background:#20292a}.game-screen canvas{position:absolute;inset:0}.hud-top,.hud-bottom{position:absolute;z-index:2;left:0;right:0;display:flex;justify-content:space-between;padding:28px 34px;pointer-events:none}.objective{border-left:3px solid var(--yellow);padding-left:12px;display:grid;gap:3px}.objective strong{letter-spacing:.08em}.minimap{width:112px;height:112px;border:1px solid var(--line);background:rgba(5,8,8,.65);position:relative;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.minimap:before{content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(45deg,transparent 47%,rgba(244,196,0,.25) 48% 52%,transparent 53%)}.minimap i{position:absolute;width:7px;height:7px;background:var(--yellow);left:52%;top:48%;border-radius:50%;box-shadow:0 0 10px var(--yellow)}.hud-bottom{top:auto;bottom:0;align-items:end}.vitals{display:flex;gap:25px}.stat{min-width:130px;display:grid;grid-template-columns:1fr auto;gap:5px}.stat span,.weapon-info label{font-size:.65rem;letter-spacing:.14em;color:#aeb5b4}.stat strong{color:var(--yellow);font-size:1.3rem}.bar{height:5px;grid-column:1/-1;background:#293134}.bar i{display:block;height:100%;width:100%;background:var(--yellow)}.bar.armor i{width:75%;background:#cfd4cf}.weapon-info{text-align:right}.weapon-info>span{display:block;color:#aeb5b4;letter-spacing:.13em}.weapon-info strong{display:block;font:700 3rem 'Barlow Condensed';color:#fff}.weapon-info em{font-style:normal;color:#707878;margin:0 7px}.weapon-info small{font-size:1.2rem;color:#8e9797}.weapon-info label{display:block}.weapon-info label.reloading{color:var(--yellow)}#crosshair{position:absolute;z-index:3;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:var(--yellow);width:9px;height:2px;opacity:.9}#crosshair i:nth-child(1){left:0;top:16px}#crosshair i:nth-child(2){right:0;top:16px}#crosshair i:nth-child(3){top:0;left:16px;width:2px;height:9px}#crosshair i:nth-child(4){bottom:0;left:16px;width:2px;height:9px}#crosshair b{position:absolute;width:3px;height:3px;background:#fff;left:16px;top:16px}.damage{animation:damage .3s}@keyframes damage{50%{box-shadow:inset 0 0 120px rgba(240,30,20,.75)}}#hitMarker{position:absolute;z-index:4;left:50%;top:50%;color:#fff;font-size:2rem;opacity:0;transform:translate(-50%,-50%)}#hitMarker.show{animation:hit .25s}@keyframes hit{40%{opacity:1}100%{opacity:0}}#killFeed{position:absolute;z-index:3;right:34px;top:155px;color:var(--yellow);font-size:.8rem;letter-spacing:.1em}.modal{position:absolute;z-index:6;inset:0;display:grid;place-items:center;background:rgba(3,5,5,.72);backdrop-filter:blur(5px)}.modal-panel{width:min(90%,380px);padding:34px;background:#0c1112;border:1px solid var(--line);text-align:center}.modal-panel h2{font:800 3rem 'Barlow Condensed';margin:10px}.modal-panel .primary-button{display:block;margin:25px auto 10px}.mobile-controls{display:none}
.settings-panel{position:absolute;z-index:8;top:50%;left:50%;width:min(92vw,500px);padding:28px;background:rgba(10,14,15,.97);border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.55);transform:translate(-50%,-50%)}
.settings-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}
.settings-head h2{margin:8px 0 0;font:800 3rem/.85 'Barlow Condensed'}
.close-button{border:0;background:none;color:var(--yellow);font-size:2rem;line-height:1}
.setting-row{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:20px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);color:#c7cdca;font-size:.72rem;letter-spacing:.12em}
.setting-row output{float:right;color:var(--yellow)}
.setting-row select,.setting-row input[type=color]{width:100%;height:32px;border:1px solid #59615f;background:#151c1d;color:#fff;padding:4px 8px;font:inherit}
.setting-row input[type=range]{width:100%;accent-color:var(--yellow)}
.settings-note{margin:20px 0 0;color:#778084;font-size:.68rem;letter-spacing:.06em}
@media(max-width:700px){.menu-screen{padding:28px 24px;background:linear-gradient(145deg,#07090a,#151b1c)}.menu-content{margin-top:22vh}.menu-content h2{font-size:5rem}.menu-actions{gap:12px 17px}.menu-actions button{font-size:.68rem}.menu-screen footer{left:24px;right:24px;bottom:20px;font-size:.5rem}.hud-top,.hud-bottom{padding:17px}.minimap{width:76px;height:76px}.objective strong{font-size:.78rem;max-width:200px}.weapon-info strong{font-size:2.3rem}.vitals{gap:8px}.stat{min-width:90px}.mobile-controls{display:flex;position:absolute;z-index:5;bottom:115px;left:17px;right:17px;justify-content:space-between;align-items:end}.mobile-controls button,.joystick{width:58px;height:58px;border:1px solid var(--line);background:rgba(10,15,15,.7);color:var(--yellow);font-size:.55rem}.joystick{display:grid;place-items:center;border-radius:50%;width:90px;height:90px}.mobile-controls button{border-radius:50%}.mobile-controls button:first-of-type{background:rgba(244,196,0,.22);border-color:var(--yellow)}}
#crosshair{--crosshair-color:var(--yellow);position:absolute;z-index:3;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}#crosshair[data-style=dot] i{display:none}#crosshair[data-style=dot] b{width:7px;height:7px;left:14px;top:14px;border-radius:50%}#crosshair[data-style=diamond] i{width:6px;height:6px;transform:rotate(45deg);background:transparent;border:2px solid var(--crosshair-color)}#crosshair[data-style=minimal] i{display:none}#crosshair[data-style=minimal] b{width:4px;height:4px;left:15px;top:15px}
.feature-panel{position:absolute;z-index:8;top:50%;left:50%;width:min(92vw,560px);max-height:88vh;overflow:auto;padding:28px;background:rgba(10,14,15,.98);border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.55);transform:translate(-50%,-50%)}.feature-panel h2{margin:8px 0 0;font:800 3rem/.85 'Barlow Condensed'}.feature-panel .primary-button{display:block;margin:22px 0 0}.character-preview{display:flex;align-items:center;gap:18px;padding:18px 0;color:var(--yellow);border-top:1px solid rgba(255,255,255,.1)}.character-preview strong,.character-preview small{display:block}.character-preview small{color:#899296;margin-top:5px}.character-silhouette{position:relative;width:62px;height:84px;background:linear-gradient(#303a38 0 42%,#111718 42%);clip-path:polygon(32% 0,68% 0,81% 16%,72% 26%,92% 48%,100% 100%,0 100%,8% 48%,28% 26%,19% 16%)}.character-silhouette i{position:absolute;inset:7px 19px auto;width:24px;height:24px;border-radius:50%;background:var(--yellow)}.character-silhouette b{position:absolute;left:20px;top:35px;width:22px;height:8px;background:#151b1b}.store-balance{padding:12px 0;color:#8a9492;letter-spacing:.1em}.store-balance strong{float:right;color:var(--yellow)}.store-items{display:grid;gap:8px}.store-item{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:14px;background:#151c1d;border:1px solid rgba(255,255,255,.08)}.store-item strong{color:#fff;letter-spacing:.08em}.store-item small{grid-column:1;color:#7f8988}.store-item button{grid-column:2;grid-row:1/3;border:1px solid var(--yellow);background:transparent;color:var(--yellow);padding:0 12px}.store-item button:hover{background:var(--yellow);color:#07090a}.store-item button:disabled{border-color:#4a5351;color:#596260}.squad-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.squad-slots div{padding:18px;background:#151c1d;border-left:3px solid var(--yellow);font-size:1.5rem;color:var(--yellow)}.squad-slots strong,.squad-slots small{display:block;font-size:.7rem;letter-spacing:.1em}.squad-slots small{color:#84908e;margin-top:5px}.share-status{display:block;margin-top:10px;color:var(--yellow)}.progress-stat .bar i{width:20%;background:var(--yellow)}