
:root{--gold:#f1b64d;--gold-light:#ffda86;--bg:#11191f;--muted:#a2adb6;--ct:#91bed6;--t:#d7ad65;--line:#ffffff1d;--panel:#14202bd9;font-family:Arial,Helvetica,sans-serif;color:#f4f5f6;background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;transition:background .18s,color .18s,transform .18s}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}button:active{transform:translateY(1px)}.hidden{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:none}#menu{height:100dvh;min-height:640px;position:relative;isolation:isolate;background:#111b26}.backdrop{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#0e1825ee 0%,#111c2b6b 45%,#131e2bc9 100%),linear-gradient(0deg,#111b27 2%,transparent 52%,#111b278c 100%),url('assets/de_mirage.jpg') center 40%/cover;filter:saturate(.58)}.menu-grain{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 45% 38%,#82a7b916,transparent 50%);pointer-events:none}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:white;font-size:21px;font-weight:800;letter-spacing:-.6px}.brand-mark{font-size:42px;color:var(--gold);font-style:italic;border-right:1px solid #ffffff30;padding-right:18px;line-height:1}.brand b{color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:2.8px;color:var(--muted);margin-top:7px;font-weight:400}.header-right{display:flex;align-items:center;gap:28px}.status{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1.2px;color:#bdc9cf}.status i,.live-dot{width:5px;height:5px;border-radius:50%;background:#a8ca9b;box-shadow:0 0 9px #a8ca9b60}.icon-button{font-size:25px;width:36px;height:36px}.profile{display:flex;gap:11px;align-items:center;border-left:1px solid var(--line);padding-left:24px}.profile>span{display:grid;place-items:center;width:38px;height:38px;background:#899dad22;border:1px solid #899dad55;font-size:12px;font-weight:bold}.profile b{font-size:11px;letter-spacing:1.2px}.profile small{display:block;color:#9aabb8;font-size:8px;letter-spacing:1.5px;margin-top:5px}nav{position:absolute;top:92px;bottom:42px;left:0;width:100px;border-right:1px solid var(--line);background:#10192360;padding-top:26px;display:flex;align-items:stretch;flex-direction:column}.nav-item{height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-left:3px solid transparent;color:#a0aebb}.nav-item span{font-size:27px;font-weight:normal}.nav-item b{font-size:9px;letter-spacing:1.7px}.nav-item.active{border-left-color:var(--gold);background:linear-gradient(90deg,#e4ad4020,transparent);color:var(--gold-light)}.nav-item:hover{background:#ffffff09}.nav-bottom{margin-top:auto;text-align:center;padding-bottom:20px;font-size:27px;line-height:.8;letter-spacing:-3px;color:#ffffff18;font-weight:900}.nav-bottom span{font-size:14px;letter-spacing:0}main{position:absolute;top:92px;left:100px;right:0;bottom:42px;overflow:auto}.page{display:none;height:100%;position:relative;padding:40px 40px 22px}.page.active{display:block}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold-light);font-weight:700}h1{font-size:clamp(29px,3.1vw,47px);letter-spacing:-1.6px;margin:14px 0 12px;line-height:1.08;font-weight:800}h1 em{font-style:normal;color:var(--gold)}.hero-copy{position:relative;z-index:1;pointer-events:none;max-width:65%}.hero-copy p,.standard>p{font-size:13px;color:#c1c9d0;line-height:1.8;margin:0}.small-label{margin-top:24px;font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:8px;color:#c7d1d7}#operator{position:absolute;top:14%;left:19%;width:45%;height:65%;pointer-events:none}.operator-caption{position:absolute;left:32%;bottom:220px;font-size:7px;letter-spacing:1.4px;color:#c4cdd780}.session-panel{position:absolute;right:40px;top:40px;width:290px;padding:22px;background:linear-gradient(120deg,#1b2933ee,#101923f2);border:1px solid #ffffff26;box-shadow:0 14px 50px #0003}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.8px;color:#d3dbe0;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:21px}.panel-heading>span:last-child{color:#8da1ad;font-size:11px}.session-panel label,.settings-grid label{font-size:9px;letter-spacing:1.5px;display:block;margin:19px 0 10px;color:#b9c6cf;font-weight:bold}.segmented{display:flex;background:#070e1455;border:1px solid var(--line);padding:3px}.segmented button{flex:1;font-size:9px;padding:10px 3px;letter-spacing:.8px;color:#a3b3be}.segmented .selected{background:#849aab33;color:white}.description{font-size:10px;line-height:1.6;color:#99abb9;min-height:32px}.team-select{display:flex;gap:8px}.team-select button{width:50%;height:89px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.team-select strong{font-size:26px;color:var(--ct)}.team-select b{font-size:11px;margin:3px 0 6px}.team-select small{font-size:6px;letter-spacing:.8px;color:#bac6cd}.team-select [data-team=T] strong{color:var(--t)}.team-select .selected{background:#92bed317;border-color:#92bed3aa}.team-select [data-team=T].selected{background:#d7ad6517;border-color:#d7ad65aa}.bot-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.bot-row label{margin:0}.bot-row select{width:106px;padding:7px;background:#0c141a;border:1px solid var(--line);font-size:11px}.session-detail{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#95a9b7;letter-spacing:.7px}.session-detail b{font-size:12px;color:#d6e0e7}.primary{background:var(--gold);color:#192128;font-size:11px;font-weight:800;padding:17px 22px;letter-spacing:1.2px;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:20px}.primary:hover{background:#ffd17c}.session-note{font-size:8px;display:block;text-align:center;margin-top:12px;color:#9eacb7}.map-section{position:absolute;bottom:25px;left:40px;right:370px}.section-heading{display:flex;justify-content:space-between;margin-bottom:14px;align-items:center;font-size:10px;letter-spacing:1.5px;color:#d4dce2}.section-heading small{font-size:8px;color:#97a8b5;letter-spacing:1px}.map-list{display:flex;gap:14px}.map-card{flex:1;min-width:0;height:148px;text-align:left;padding:0;position:relative;border:1px solid #ffffff25;overflow:hidden;background:#131e29}.map-card img{width:100%;height:100%;object-fit:cover;opacity:.5;transition:opacity .2s,transform .3s}.map-card:hover img{opacity:.8;transform:scale(1.03)}.map-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0f1925f5,transparent)}.map-card.selected{border:1px solid var(--gold)}.map-card.selected img{opacity:.85}.map-card>div{position:absolute;bottom:14px;left:17px;z-index:1;right:12px}.map-card span{font-size:7px;letter-spacing:1.3px;color:#c3c9d0}.map-card h2{font-size:22px;letter-spacing:1px;margin:6px 0 5px}.map-card p{font-size:8px;margin:0;color:#aebac5}.map-card i{display:none;position:absolute;top:10px;right:10px;z-index:2;background:var(--gold);color:#152330;border-radius:50%;width:18px;height:18px;text-align:center;font-size:11px;line-height:18px;font-style:normal}.map-card.selected i{display:block}footer{position:absolute;left:0;right:0;bottom:0;height:42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:8px;letter-spacing:1.4px;color:#8e9fae;background:#0e1823ba}footer b{font-weight:400;margin-left:15px;color:#5f7689}.footer-key{display:flex;gap:8px;align-items:center}kbd{font-family:inherit;font-size:9px;border:1px solid #ffffff35;padding:3px 5px;color:#c1ccd4;border-radius:2px}.standard{background:#111d2bcf;padding:45px 55px;overflow:auto}.standard>h1{font-size:36px}.weapon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.weapon-card{border:1px solid var(--line);background:linear-gradient(130deg,#a5bac60c,#070d164d);text-align:left;padding:22px;position:relative;min-height:165px}.weapon-card.selected{border-color:var(--gold);background:#f1b64d0b}.weapon-card svg{height:47px;width:100%;color:#aebfc7;margin-bottom:17px}.weapon-card h3{margin:0;font-size:16px}.weapon-card .weapon-type{font-size:8px;letter-spacing:1.5px;color:#94a7b4;margin:6px 0 12px}.weapon-card .weapon-price{position:absolute;right:18px;bottom:18px;color:var(--gold);font-size:12px}.weapon-card .weapon-stat{font-size:9px;color:#9db1be}.info-strip{border-left:2px solid #8ba5b6;padding:13px 18px;margin:20px 0;background:#ffffff05;color:#aebdca;font-size:12px;line-height:1.7}.content-stats{display:flex;gap:65px;margin:36px 0}.content-stats b{font-size:40px;display:block;font-weight:400}.content-stats b small{font-size:16px;color:#a8bac7}.content-stats span{font-size:8px;letter-spacing:1.5px;color:#9bb1c1;margin-top:9px;display:block}.package{display:flex;gap:20px;align-items:center;padding:20px;border:1px solid var(--line);margin-bottom:10px;background:#111b2860}.package-icon{font-size:30px;color:#b2c4cf}.package h3{font-size:13px;margin:0 0 8px}.package p{font-size:11px;color:#91a7b9;margin:0}.installed{margin-left:auto;color:#a8ca9b;font-size:9px;letter-spacing:1.5px}.secondary{border:1px solid #ffffff3c;padding:13px 20px;font-size:11px;letter-spacing:1px;background:#ffffff06}.secondary:hover{background:#ffffff10}#contentResult{font-size:12px;color:#b1c6a8;margin-left:15px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:820px;margin:26px 0}.settings-grid input:not([type=range]):not([type=checkbox]),.settings-grid select{width:100%;padding:12px;background:#111e29;border:1px solid #ffffff25;font-size:13px}.settings-grid input[type=range]{width:100%;accent-color:var(--gold)}.settings-grid output{float:right;color:var(--gold-light)}.settings-grid label{margin-top:25px}.settings-grid .check{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:0;text-transform:none;font-weight:400}.check input{accent-color:var(--gold);width:16px;height:16px}.saved{font-size:11px;line-height:1.6;color:#91a68b;margin-top:25px}.controls-reference{display:flex;gap:20px;flex-wrap:wrap;max-width:950px;margin-top:32px;border-top:1px solid var(--line);padding-top:24px;font-size:11px;color:#adbbc8}.controls-reference>span{display:flex;align-items:center;gap:8px}.overlay{position:fixed;inset:0;background:#07101bd9;backdrop-filter:blur(10px);z-index:20;display:flex;align-items:center;justify-content:center;padding:25px}.dialog{width:420px;max-width:100%;text-align:center;background:#182532;border:1px solid #ffffff22;padding:38px}.dialog h1{font-size:30px;margin:24px 0}.dialog p{font-size:13px;line-height:1.8;color:#a8b9c5}.dialog button{justify-content:center;width:100%;margin-top:16px}.text-button{font-size:10px;padding:16px;color:#9aacbc;letter-spacing:1px}.loading-box{width:530px;max-width:100%}.loading-box h1{font-size:66px}.loading-box p{font-size:14px;color:#bacad7}.loading-box small{font-size:10px;color:#91a6b8}.progress{height:4px;background:#ffffff16;margin:28px 0 15px}.progress div{height:100%;width:0;background:var(--gold);transition:width .2s}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;text-shadow:0 2px 5px #0008}.radar-wrap{position:absolute;left:25px;top:25px}.radar-wrap canvas{width:180px;height:180px;border-radius:50%;border:1px solid #ccdce35c;background:#0b192cd6;box-shadow:0 5px 30px #0003}.radar-wrap>span{display:block;font-size:10px;letter-spacing:2px;margin:12px 0 0 10px;color:#e4ebef}.match-top{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:flex;align-items:stretch;gap:5px}.team-score{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;background:#0c1726c9;border-bottom:2px solid}.team-score small{font-size:8px;letter-spacing:1px}.team-score b{font-size:25px;margin-top:3px}.ct{color:var(--ct)}.t{color:var(--t)}.match-clock{text-align:center;background:#0b1624cc;padding:9px 20px;min-width:113px}.match-clock b{font-size:28px;font-weight:500;font-variant-numeric:tabular-nums}.match-clock span{font-size:7px;display:block;letter-spacing:1.5px;margin-top:4px;color:#bccbd4}#killFeed{position:absolute;right:24px;top:85px;font-size:11px}#killFeed>div{padding:9px 12px;background:#0c1428cc;margin-bottom:5px;border-right:2px solid #bcbcbf}#killFeed b{color:#f4cf85}#killFeed span{color:#c9d4dc;padding:0 10px}#fps{position:absolute;right:24px;top:24px;font-size:11px;color:#d0edb7}#crosshair{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 1px black)}#crosshair i{position:absolute;background:#a9efb3}#crosshair i:nth-child(1){width:2px;height:7px;left:11px;top:0}#crosshair i:nth-child(2){width:2px;height:7px;left:11px;bottom:0}#crosshair i:nth-child(3){height:2px;width:7px;top:11px;left:0}#crosshair i:nth-child(4){height:2px;width:7px;top:11px;right:0}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:40px;color:var(--gold)}#scope{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,transparent 28vmin,#000 28.3vmin);z-index:4}#scope:before,#scope:after{content:'';position:absolute;background:#000}#scope:before{left:50%;top:calc(50% - 28vmin);height:56vmin;width:1px}#scope:after{top:50%;left:calc(50% - 28vmin);width:56vmin;height:1px}#damageVignette{position:absolute;inset:0;box-shadow:inset 0 0 180px #ff252580;opacity:0}#flashOverlay{position:absolute;inset:0;background:white;opacity:0;z-index:6}#announcement{position:absolute;top:24%;left:50%;transform:translateX(-50%);text-align:center;min-width:360px}#announcement b{display:block;font-size:29px;letter-spacing:2px}#announcement span{display:block;font-size:12px;margin-top:10px;color:#d0dae2}#interaction{position:absolute;top:60%;left:50%;transform:translateX(-50%);font-size:12px;text-align:center;width:270px;background:#0c192acc;padding:12px}#interaction>div{height:4px;margin-top:12px;background:#ffffff30}#interaction i{height:100%;display:block;background:var(--gold);width:0}#shield{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1.5px;color:#a7d0e7;background:#0b2336ab;padding:10px}.hud-bottom{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between}.vitals{display:flex;gap:13px;align-items:center;background:#0b1925b0;padding:14px 17px;border-bottom:2px solid #c1d4d780}.vitals b{font-size:30px;font-weight:500}.health-icon{font-size:27px;color:#e1f1e0}.armor-icon{font-size:25px;color:#adc7d7;margin-left:10px}.health-track{width:50px;height:4px;background:#ffffff30}.health-track i{display:block;height:100%;background:#c9e2bc;width:100%}.hud-hints{display:flex;gap:20px;padding-bottom:12px;font-size:9px;color:#d4dfe6}.hud-hints span{display:flex;align-items:center;gap:5px}.ammo{min-width:150px;text-align:right}.ammo>span{font-size:11px;letter-spacing:1.5px;color:#dee7ea}.ammo>div>b{font-size:48px;font-weight:500}.ammo>div>span{font-size:17px;color:#b6c7d2;margin-left:7px}.ammo>div>span b{font-weight:400}#money{position:absolute;left:32px;bottom:114px;color:#c8e1b9;font-size:22px}#inventory{position:absolute;right:26px;bottom:135px;font-size:10px;text-align:right}#inventory>div{background:#0c1a2b99;padding:9px 12px;margin:5px 0;color:#bacbd7;border-right:2px solid transparent}#inventory .active{border-color:var(--gold);color:white}.buy-dialog{background:#132331;border:1px solid var(--line);padding:25px;width:940px;max-width:95vw;max-height:90vh;overflow:auto}.buy-dialog h2{font-size:16px;margin:0}.buy-dialog>p{font-size:11px;color:#a9bbc7}.buy-dialog>p b{color:var(--gold);font-size:19px;margin:0 20px}#buyMessage{color:#cfb78c;font-size:11px}.buy-dialog .weapon-grid{grid-template-columns:repeat(4,1fr)}.buy-dialog .weapon-card{min-height:130px;padding:15px}.score-dialog{width:650px;background:#0f2031e8;padding:30px;border:1px solid var(--line)}.score-dialog table{width:100%;border-collapse:collapse;font-size:13px}.score-dialog th{text-align:left;font-size:8px;letter-spacing:1px;color:#8fa8ba;padding:15px 10px;border-bottom:1px solid #ffffff30}.score-dialog td{padding:14px 10px;border-bottom:1px solid #ffffff0d}.score-dialog tr.me{color:var(--gold);background:#e5b7470b}#toast{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);z-index:50;padding:14px 22px;background:#122536;border:1px solid #91a9b84f;box-shadow:0 8px 20px #0005;font-size:12px;max-width:85vw;text-align:center}.file-warning{position:fixed;inset:auto 20px 55px;z-index:99;background:#f1b64d;color:#142330;padding:25px;text-align:center}#touchControls{position:absolute;inset:0;pointer-events:none}#joystick{position:absolute;left:35px;bottom:130px;width:115px;height:115px;border:1px solid #ffffff50;border-radius:50%;background:#12223850;pointer-events:auto;touch-action:none}#joystick i{position:absolute;left:37px;top:37px;width:40px;height:40px;background:#ffffff55;border-radius:50%}#touchControls button{position:absolute;pointer-events:auto;touch-action:none;background:#16283f88;border:1px solid #ffffff55;border-radius:50%;width:55px;height:55px;font-size:23px}#touchShoot{right:45px;bottom:155px;width:80px!important;height:80px!important}#touchJump{right:145px;bottom:135px}#touchReload{right:150px;bottom:205px}#touchPause{right:20px;top:20px}#game{touch-action:none}
@media(min-width:1500px){.session-panel{width:320px;top:55px;right:55px;padding:26px}.page{padding:55px}.map-section{left:55px;right:410px;bottom:40px}.map-card{height:175px}.operator-caption{bottom:250px}#operator{top:12%;height:67%}.team-select button{height:103px}.hero-copy h1{font-size:53px}}
@media(max-height:760px) and (min-width:901px){header{height:75px}nav,main{top:75px}.page{padding-top:27px}.session-panel{top:27px;padding:17px}.panel-heading{padding-bottom:13px;margin-bottom:12px}.session-panel label{margin-top:13px}.team-select button{height:73px}.session-panel .primary{margin-top:14px;padding:14px}.map-card{height:124px}.map-section{bottom:20px}.operator-caption{bottom:178px}.small-label{margin-top:15px}}
@media(max-width:1050px){header{padding:0 24px}.status{display:none}.hero-copy h1{font-size:31px}.hero-copy{max-width:58%}.session-panel{right:25px;width:260px}.map-section{right:310px;left:25px}.page{padding-left:25px}.map-card p{display:none}.map-card h2{font-size:18px}#operator{left:8%;width:53%}.operator-caption{left:18%;font-size:6px}.hud-hints{display:none}}
@media(max-width:760px){body{overflow:auto}#menu{min-height:100dvh;height:auto;overflow:hidden;padding-bottom:45px}header{height:72px;padding:0 17px}.brand{font-size:15px}.brand-mark{font-size:29px;padding-right:10px}.brand small{font-size:6px}.header-right{gap:5px}.profile{border:0;padding-left:5px}.profile>span{width:30px;height:30px;font-size:9px}.profile div{display:none}nav{position:relative;top:0;bottom:auto;width:100%;height:65px;flex-direction:row;padding:0;border-bottom:1px solid var(--line)}.nav-item{flex:1;height:65px;border-left:0;border-bottom:2px solid transparent;gap:5px}.nav-item.active{border-bottom-color:var(--gold)}.nav-item span{font-size:20px}.nav-item b{font-size:7px}.nav-bottom{display:none}main{position:relative;inset:auto;overflow:visible}.page{height:auto;padding:25px 20px}.hero-copy{max-width:100%}.hero-copy h1{font-size:32px}.hero-copy p{font-size:11px}.small-label{font-size:8px;margin-top:14px}#operator,.operator-caption{display:none}.session-panel{position:relative;inset:auto;width:100%;margin-top:25px;padding:22px}.map-section{position:relative;inset:auto;margin-top:25px}.map-card{height:130px}.map-card p{display:none}.map-card h2{font-size:20px}.map-card span{font-size:6px}.section-heading{font-size:8px}.section-heading small{font-size:6px}footer{height:37px;padding:0 18px;font-size:6px}footer>span:nth-child(2),footer b{display:none}.standard{min-height:70vh;padding:30px 20px}.standard>h1{font-size:29px}.weapon-grid{grid-template-columns:1fr 1fr;gap:10px}.weapon-card{padding:15px;min-height:155px}.settings-grid{grid-template-columns:1fr;gap:0}.content-stats{gap:22px}.content-stats b{font-size:27px}.content-stats span{font-size:6px}.package{gap:12px;padding:15px}.package h3{font-size:11px}.installed{font-size:7px}.buy-dialog .weapon-grid{grid-template-columns:repeat(2,1fr)}.radar-wrap{top:14px;left:14px}.radar-wrap canvas{width:115px;height:115px}.match-top{top:12px}.team-score{width:30px}.team-score b{font-size:18px}.match-clock{padding:6px 10px;min-width:80px}.match-clock b{font-size:21px}.hud-bottom{left:15px;right:15px;bottom:14px}.vitals{gap:6px;padding:10px}.vitals b{font-size:23px}.health-track{display:none}.ammo>div>b{font-size:36px}#money{bottom:85px;left:20px;font-size:18px}#inventory{display:none}#killFeed{top:145px;right:12px;font-size:8px}#announcement{min-width:290px}#announcement b{font-size:22px}#announcement span{font-size:10px}.score-dialog{padding:20px}#shield{font-size:8px}.content-stats b small{font-size:12px}}

