:root{font-family:Bahnschrift,'Segoe UI',sans-serif;color:#edf3ed;background:#101b24;font-synthesis:none;--accent:#f4b575;--muted:#99afb8;--line:#d4e6ed25;--cyan:#60dfdf}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:transparent}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block}#header{position:fixed;top:0;left:0;right:0;height:100px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;z-index:5;border-bottom:1px solid var(--line);background:linear-gradient(#0a1b2980,transparent)}.brand{display:flex;align-items:center;gap:13px;letter-spacing:3px;font-weight:750;font-size:18px;line-height:1.1}.brand svg{width:38px;height:38px}.brand span span{display:block;letter-spacing:7.4px;font-size:11px;margin-top:5px;font-weight:400}nav{display:flex;gap:38px;height:100%;align-items:center}.nav{font-size:11px;letter-spacing:1.6px;height:100%;position:relative;padding:0}.nav.active:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.nav span{font-size:9px;border:1px solid var(--line);padding:3px 5px;margin-left:5px}.build-label{font-size:9px;letter-spacing:2px;color:#adc2c9}.build-label b{color:var(--accent);font-weight:400;margin-left:12px}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071622ef 0%,#0b1f2db8 30%,transparent 64%),linear-gradient(0deg,#091a2de0,transparent 23%);pointer-events:none}#menu{position:fixed;inset:100px 0 0}.hero{position:absolute;top:7%;left:5vw;width:min(480px,39vw)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:550;display:flex;align-items:center;gap:12px}.line{height:1px;width:25px;background:var(--accent)}h1,h2,p{margin:0}h1{font-size:clamp(50px,5.8vw,87px);line-height:.96;letter-spacing:-3px;font-weight:750;margin:26px 0 22px}h1 em{font-style:normal;color:var(--accent)}.hero>p{font:14px/1.65 'Segoe UI',sans-serif;color:#bfccd0}.map-meta{display:flex;gap:18px;font-size:8px;letter-spacing:1.2px;margin-top:29px;color:#b9cbd0}.map-meta span:first-child{color:var(--accent)}.class-tabs{display:flex;border:1px solid var(--line);margin-top:15px}.class-tabs button{flex:1;text-align:left;padding:12px 10px;border-right:1px solid var(--line);transition:background .15s}.class-tabs button:last-child{border:0}.class-tabs .selected{background:#abc7d51b;box-shadow:inset 0 -2px var(--accent)}.class-tabs button>span{font-size:8px;color:var(--muted);display:block}.class-tabs b{display:block;font-size:11px;letter-spacing:1px;margin:8px 0 4px}.class-tabs small{font-size:9px;color:var(--muted)}.loadout-row{display:flex;gap:20px;margin:18px 0}.loadout-row label{flex:1;min-width:0}label{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted)}select{border:0;border-bottom:1px solid var(--line);background:#0b1e2b85;color:#e1ecec;display:block;margin-top:4px;width:100%;padding:7px 4px;font-size:11px;letter-spacing:.3px;cursor:pointer}select option{background:#172c38}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;padding:19px 20px;background:var(--accent);color:#15232b;font-size:11px;letter-spacing:1.6px;font-weight:700;transition:background .15s}.primary:hover{background:#ffd19e}.primary span{font-size:20px;font-weight:400;line-height:.7}.secondary-actions{display:flex;margin-top:10px;gap:10px}.secondary-actions button{font-size:9px;letter-spacing:1px;padding:13px 10px;border:1px solid #ccdfdf35;flex:1;display:flex;justify-content:space-between;background:#0a1c2680}.secondary-actions button:hover{background:#31454d}.hero .menu-note{font-size:9px;color:#8099a4;margin-top:13px}.field-report{position:absolute;right:4vw;top:9%;text-align:right}.field-report .eyebrow{justify-content:flex-end;font-size:8px}.field-report h2{font-size:30px;font-weight:400;line-height:1.07;margin:20px 0 15px}.field-report p{font-size:10px;line-height:1.7;color:#b7cbd0}.coordinates{font-size:7px;letter-spacing:1px;line-height:1.8;color:#91a7ae;border-top:1px solid var(--line);margin-top:25px;padding-top:12px}#art-teaser{position:absolute;right:4vw;bottom:88px;display:flex;align-items:center;gap:22px;text-align:left;border:1px solid #bdd7da38;background:#081c29b3;backdrop-filter:blur(12px);padding:20px 25px}.teaser-number{font-size:26px;font-weight:300;letter-spacing:-1px;color:var(--accent)}#art-teaser small{display:block;font-size:7px;letter-spacing:1.5px;color:#90a6af}#art-teaser b{display:block;font-weight:400;font-size:13px;margin-top:7px}.teaser-arrow{font-size:24px;color:var(--accent)}footer{position:absolute;bottom:0;left:4vw;right:4vw;height:55px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#8ca5af}footer span:first-child{color:var(--accent)}footer button{font-size:8px;letter-spacing:1px}#loading{position:fixed;inset:0;background:#0c202e;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}#loading p{font-size:11px;color:var(--muted)}.loading-line{width:180px;height:2px;background:#263e4c;overflow:hidden}.loading-line:before{content:'';display:block;width:70px;height:2px;background:var(--accent);animation:load 1.2s infinite}@keyframes load{from{transform:translateX(-70px)}to{transform:translateX(180px)}}
#lab{position:fixed;inset:100px 0 0;background:#0d1c2688;overflow:auto}.lab-heading{padding:28px 4vw 20px;display:flex;justify-content:space-between;align-items:center}.lab-heading h1{font-size:29px;letter-spacing:-.8px;font-weight:450;margin:12px 0 0}.lab-heading h1 em{color:#b6c9cc}.outline{border:1px solid #abc5cd45;padding:12px 18px;font-size:9px;letter-spacing:1.2px}.outline:hover{background:#dceaf018}.lab-toolbar{display:flex;align-items:center;gap:24px;margin:0 4vw;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lab-toolbar label{display:flex;align-items:center;gap:10px;white-space:nowrap}.lab-toolbar select{width:auto;min-width:120px;margin:0}.lab-toolbar button:not(.primary){font-size:8px;letter-spacing:1px;white-space:nowrap}.small{width:auto;white-space:nowrap;font-size:9px;padding:13px 18px;gap:30px}.lab-columns{display:grid;grid-template-columns:repeat(3,1fr);margin:0 4vw}.lab-columns article{border-right:1px solid var(--line);min-width:0;padding:0 24px}.lab-columns article:first-child{padding-left:0}.lab-columns article:last-child{border-right:0;padding-right:0}.sample-title{padding:24px 0 0;pointer-events:none}.sample-title>span{color:var(--accent);font-size:8px;letter-spacing:1.6px}.sample-title h2{font-size:23px;font-weight:450;margin:9px 0 5px}.sample-title p{font-size:10px;color:#9fb5bd}.sample-stage{height:clamp(180px,32vh,380px);cursor:grab;touch-action:none}.sample-stage:active{cursor:grabbing}.sample-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 8px;padding:15px 0;border-top:1px solid var(--line)}.stat b{display:block;font-size:18px;font-weight:400;color:#e4ecea}.stat small{display:block;color:#8da7b4;font-size:7px;letter-spacing:1px;margin-top:5px}.sample-actions{border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:15px 0;font-size:8px;letter-spacing:1px}.sample-actions button{padding:0;color:var(--accent);margin-right:auto}.sample-actions a{color:#b0c6d0}.lab-bottom{display:flex;justify-content:space-between;gap:20px;margin:14px 4vw 0;font-size:10px;color:#bacbd0;line-height:1.5}.lab-note{margin:10px 4vw 22px;font-size:8px;line-height:1.6;color:#7993a0;max-width:1050px}#lab-live{white-space:nowrap;color:var(--accent)}
#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 4px #071820}.match-top{position:absolute;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#0a1c29cf;border:1px solid #d5e8ee25;gap:25px;padding:10px 24px}.team{font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:22px}.blue{color:#6de7ee}.orange{color:#f8b477}.team strong{font-size:30px;font-weight:450}.match-mode{text-align:center;min-width:125px}.match-mode b{display:block;font-size:8px;letter-spacing:1.5px}.match-mode span{display:block;font-size:18px;margin-top:5px}.mission{position:absolute;left:28px;top:28px;display:flex;flex-direction:column;gap:8px}.mission>span{font-size:7px;color:#d3e4e9;letter-spacing:1.3px}.mission>b{font-size:11px;font-weight:500;letter-spacing:1px}.mission>small{font-size:9px;color:#d4e5eb;max-width:260px;line-height:1.4}#crosshair{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#e8f5f1;box-shadow:0 0 3px #071722;width:2px;height:7px;left:14px}#crosshair i:nth-child(1){top:0}#crosshair i:nth-child(2){bottom:0}#crosshair i:nth-child(3){top:14px;left:0;width:7px;height:2px}#crosshair i:nth-child(4){top:14px;left:23px;width:7px;height:2px}#target-label{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--accent);text-align:center;letter-spacing:1px}#core-alert{position:absolute;left:50%;top:23%;transform:translateX(-50%);padding:12px 24px;background:#d5974beb;color:#17222b;font-size:11px;letter-spacing:1.5px}.player-vitals{position:absolute;bottom:90px;left:32px;width:210px}.player-vitals>span{font-size:8px;letter-spacing:1.3px}.player-vitals>div{position:relative;margin-top:12px}.player-vitals b{font-size:28px;font-weight:450;display:inline-block;min-width:56px}.player-vitals small{font-size:8px;letter-spacing:1px;color:#c4d8df}.bar{width:100%;height:3px;background:#ffffff25;margin-top:4px}.bar i{display:block;height:100%;background:#edf4e8;transition:width .1s}.bar.energy i{background:#63e8e4}.speedometer{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);text-align:center}.speedometer strong{font-size:76px;line-height:.95;font-weight:450;letter-spacing:-3px}.speedometer>span{font-size:9px;letter-spacing:1px;margin-left:9px}.speedometer small{display:block;font-size:8px;letter-spacing:3px;color:var(--accent);margin-top:10px}.speed-bar{height:2px;background:#ffffff20;width:180px;margin:12px auto 0}.speed-bar i{display:block;background:var(--accent);height:2px}.weapon-panel{position:absolute;bottom:90px;right:32px;text-align:right}.weapon-panel>span{color:var(--accent);font-size:8px;letter-spacing:1px}.weapon-panel>b{font-weight:450;font-size:23px;display:block;margin:7px 0}.weapon-panel>small{font-size:7px;letter-spacing:1px;color:#b5c9ce}.weapon-panel>div{display:flex;gap:14px;margin-top:20px;font-size:7px}.weapon-panel>div span{padding:6px 0;border-top:1px solid #b6ccd142}.control-strip{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:20px;white-space:nowrap;font-size:7px;letter-spacing:.7px;color:#c4d8df}.control-strip kbd{font-family:inherit;font-size:8px;display:inline-block;padding:4px;border:1px solid #c4d8df55;margin-right:5px;background:#12304470}.base-status{position:absolute;right:24px;top:223px;display:flex;gap:10px;font-size:7px;letter-spacing:.6px}.base-status span:first-child{color:var(--cyan)}.base-status span:last-child{color:var(--accent)}#minimap{position:absolute;top:28px;right:26px;border:1px solid #b1d1da70;background:#071825b8;border-radius:50%;width:180px;height:180px}#performance{position:absolute;left:28px;bottom:20px;font:9px/1.5 monospace;color:#b7ccd1}#resume{pointer-events:auto;position:absolute;left:50%;top:63%;transform:translateX(-50%);background:#102b37eb;border:1px solid #b6d1d8a0;padding:16px 30px;font-size:12px;letter-spacing:2px}#resume small{display:block;margin-top:9px;font-size:9px;letter-spacing:0;color:#9db6bf}#feed{position:absolute;top:270px;right:30px;font-size:10px;line-height:2;color:#ecf2ed;text-align:right}#respawn{position:absolute;inset:0;display:grid;place-content:center;font-size:32px;background:#05111a88}#practice-panel{position:absolute;top:150px;left:28px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;padding:16px;background:#0b2431b8;border-left:2px solid var(--cyan)}#practice-panel>span{font-size:8px;letter-spacing:1.5px;color:var(--cyan)}#practice-panel strong{font-size:31px;font-weight:400}#practice-panel small{font-size:10px;max-width:170px;line-height:1.5;color:#c8dfe5}#practice-panel button{font-size:8px;letter-spacing:1px;text-align:left;padding:8px 0 0;color:var(--accent)}dialog{background:#102431;color:#e8f0ee;border:1px solid #82a4b65c;padding:40px;width:480px;max-width:94vw;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#051421b5;backdrop-filter:blur(6px)}dialog h2{font-size:38px;letter-spacing:-1px;font-weight:450;margin:20px 0}dialog p{font:12px/1.7 'Segoe UI',sans-serif;color:#a6bfc8;margin:14px 0 24px}dialog ol{padding-left:17px;font-size:12px;line-height:1.6;color:#a5bdc6}dialog li{margin:14px 0;padding-left:6px}dialog li b{color:#e4edeb;font-weight:500}dialog .close{position:absolute;top:12px;right:16px;font-size:28px;color:#8da9b7}dialog .outline{width:100%;margin-top:12px}dialog input{display:block;background:#081c28;color:white;border:1px solid var(--line);padding:15px;margin:12px 0 20px;width:100%;outline:none}.close:hover{color:white}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#173444;border:1px solid #7fafb6;color:#e6f0ef;z-index:80;padding:15px 25px;font-size:12px;max-width:85vw}#scoreboard{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);background:#082334ed;padding:30px;width:520px;max-width:94vw}#scoreboard h2{font-size:22px;margin-bottom:20px}#scoreboard div{display:grid;grid-template-columns:1fr 65px 65px;padding:7px;border-bottom:1px solid var(--line);font-size:11px}#hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:42px;color:#f4b575}
@media(max-height:850px) and (min-width:900px){#header{height:78px}#menu,#lab{top:78px}.hero{top:5%}h1{font-size:65px;margin:20px 0 16px}.hero>p{font-size:12px}.map-meta{margin-top:20px}.class-tabs button{padding:9px}.class-tabs b{margin:5px 0 3px}.loadout-row{margin:12px 0}.primary{padding:16px 18px}.secondary-actions button{padding:11px 8px}.hero .menu-note{font-size:8px}.lab-heading{padding-top:20px}.sample-title{padding-top:18px}.sample-stage{height:29vh}.sample-stats{padding:12px 0;gap:12px 8px}}
@media(max-width:1000px){.build-label{display:none}nav{gap:20px}.hero{width:45vw}.field-report{display:none}.lab-toolbar{gap:10px;flex-wrap:wrap}.lab-columns article{padding:0 14px}.lab-heading h1{font-size:24px}.sample-stats{grid-template-columns:repeat(2,1fr)}.lab-note{font-size:8px}.mission{top:110px}.match-top{top:18px}.control-strip{gap:9px}.weapon-panel>b{font-size:18px}.weapon-panel>div{gap:8px}.player-vitals{width:160px}.speedometer strong{font-size:60px}#performance{bottom:53px;font-size:8px}}
@media(max-width:650px){body{overflow:auto}#header{height:72px;padding:0 22px}.brand{font-size:13px;letter-spacing:2px}.brand svg{width:25px}.brand span span{font-size:8px;letter-spacing:5px}nav{gap:18px}.nav{font-size:8px;letter-spacing:1px}.nav span,.build-label,#controls-tab{display:none}#menu{top:72px;min-height:770px;position:absolute}.hero{width:calc(100% - 44px);left:22px;top:45px;max-width:480px}.hero h1{font-size:60px}.menu-shade{background:linear-gradient(90deg,#071a27f2,#0b2533c9 62%,#0b253365)}.hero>p{font-size:13px}.map-meta{font-size:7px;gap:14px}.class-tabs b{font-size:10px}.class-tabs small{font-size:8px}.loadout-row{margin:16px 0}.primary{padding:19px}.hero .menu-note{font-size:8px}#art-teaser{left:22px;right:22px;bottom:80px;gap:16px;padding:16px}.teaser-number{font-size:22px}#art-teaser b{font-size:11px}.teaser-arrow{margin-left:auto}footer{left:22px;right:22px;font-size:7px}footer span:nth-child(2){display:none}#lab{top:72px}.lab-heading{padding:25px 22px 15px;align-items:flex-start;gap:15px}.lab-heading .eyebrow{font-size:7px}.lab-heading h1{font-size:26px;line-height:1.1}.lab-heading .outline{font-size:7px;padding:9px;min-width:90px}.lab-toolbar{margin:0 22px;gap:15px}.lab-toolbar label{font-size:7px}.lab-toolbar select{font-size:10px;min-width:95px}.lab-columns{display:block;margin:0 22px}.lab-columns article{padding:0!important;border-right:0;border-bottom:1px solid var(--line)}.sample-stage{height:300px}.sample-stats{grid-template-columns:repeat(3,1fr)}.sample-title h2{font-size:26px}.sample-actions{padding-bottom:25px}.lab-bottom{margin:20px 22px;display:block}#lab-live{display:block;margin-top:12px}.lab-note{margin:0 22px 30px}#hud .mission{left:16px;top:100px}.match-top{padding:8px 12px;gap:10px}.team{font-size:8px;gap:9px}.match-mode{min-width:120px}#minimap{width:100px;height:100px;right:12px;top:98px}.base-status{display:none}.player-vitals{left:15px;bottom:65px;width:110px}.player-vitals>span{font-size:6px}.player-vitals b{font-size:23px;min-width:42px}.weapon-panel{right:15px;bottom:70px}.weapon-panel>b{font-size:12px}.weapon-panel>div,.weapon-panel>small{display:none}.speedometer{bottom:175px}.speedometer strong{font-size:55px}.control-strip{font-size:6px;flex-wrap:wrap;white-space:normal;justify-content:center;width:95%;bottom:15px;gap:4px 10px}#performance{display:none}#practice-panel{top:200px;font-size:9px}dialog{padding:25px}.menu-note:after{content:' · Keyboard & mouse recommended'}#feed{top:215px;right:12px;font-size:8px;max-width:150px}}
@media(prefers-reduced-motion:reduce){.loading-line:before{animation:none}*{scroll-behavior:auto!important}}

#lab{background:transparent} #inventory label{margin:16px 0} #inventory .primary{margin-top:24px}

@media(min-width:1101px){.sample-stats{grid-template-columns:repeat(4,1fr)}.stat b{font-size:16px}.stat small{font-size:6px}}

/* Model review controls wrap before they can push the comparison off screen. */
.lab-toolbar{flex-wrap:wrap;gap:12px 20px}.sample-stage{height:clamp(270px,36vh,460px)}

.chosen-art{display:block;padding:12px 0;color:#dce5e1;font-size:12px;letter-spacing:1px}

#interaction{position:absolute;left:50%;top:15%;transform:translateX(-50%);padding:12px 18px;background:#092430e8;border:1px solid #69b8b7;color:#e0f3ec;font-size:11px;letter-spacing:1px;text-align:center;max-width:80vw}
#coach{position:absolute;left:28px;top:360px;width:240px;padding:15px;background:#102b37e0;border-left:2px solid #e5ad72;color:#e1eae4;font:12px/1.6 'Segoe UI',sans-serif}
#hit-readout{position:absolute;top:calc(50% + 32px);left:50%;transform:translateX(-50%);color:#ffe0a7;font-size:12px;letter-spacing:1px;background:#132834ad;padding:4px 8px}
#damage-vignette{position:absolute;inset:0;box-shadow:inset 0 0 100px 30px #ba493555}
#ammo-count{display:block;margin-top:8px;color:#e3eddf;font-size:12px}.player-vitals,.weapon-panel{background:#09212dbb;padding:14px 17px;border:1px solid #b2d4d01c}.weapon-panel>div[hidden]{display:none}#performance{padding:4px 6px;background:#0b2634c9}#scoreboard{width:690px}#scoreboard div{grid-template-columns:1fr 60px 55px 50px 65px}
@media(max-width:650px){#coach{left:16px;top:330px;width:170px;font-size:10px;padding:10px}#interaction{font-size:9px;width:80vw;top:25%}#scoreboard div{grid-template-columns:1fr 35px 35px 35px 45px;font-size:9px}.player-vitals,.weapon-panel{padding:9px}#ammo-count{display:block!important;font-size:10px}}

#motion-review{position:fixed;inset:100px 0 0;pointer-events:none}.motion-heading{position:absolute;top:30px;left:5vw}.motion-heading h1{font-size:45px;letter-spacing:-1.5px;margin:12px 0}.motion-heading p,.motion-note{font:12px/1.6 'Segoe UI',sans-serif;color:#aec4ce}.motion-controls{position:absolute;right:4vw;top:35px;width:200px;display:grid;gap:18px;pointer-events:auto;background:#0b202cbf;padding:20px;border:1px solid #94b5bf30}.motion-legend{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);display:flex;gap:70px;font-size:11px;letter-spacing:1.5px;white-space:nowrap}.motion-legend i{display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:middle}.blue-swatch{background:#0879fa}.orange-swatch{background:#ff4618}.motion-note{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);text-align:center;width:90%}#motion-live{position:absolute;left:4vw;bottom:18px;font-size:9px;color:#8cabb8}.team.blue{color:#64b3ff}.team.orange{color:#ff825d}
@media(max-width:1000px){.motion-controls{width:160px;padding:13px;gap:12px}.motion-heading h1{font-size:34px}.motion-heading p{max-width:210px}.build-label{display:none}nav{gap:18px}}
@media(max-width:650px){#motion-review{top:72px}.motion-heading{top:18px;left:22px}.motion-heading h1{font-size:29px;margin:7px 0}.motion-heading p{display:none}.motion-controls{left:22px;right:22px;width:auto;top:100px;display:flex;flex-wrap:wrap;gap:10px;align-items:end}.motion-controls label{flex:1}.motion-controls .outline{padding:8px}.motion-legend{font-size:8px;gap:24px;bottom:105px}.motion-legend i{width:9px;height:9px;margin-right:5px}.motion-note{font-size:10px;bottom:58px}#header nav{gap:12px}.nav{font-size:7px}.nav span{display:none}}