@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{--orange:#e8a94f;--orange-bright:#ffc163;--ct:#75a9c7;--t:#d7b36a;--bg:#101416;--panel:rgba(20,25,27,.96);--line:rgba(255,255,255,.1);--muted:#8c969a;--white:#edf0ee;--green:#87b995;--red:#d5695f}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#111;color:var(--white);font-family:Inter,"Microsoft YaHei",sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%}#screen-fx{position:absolute;inset:0;pointer-events:none;z-index:4}#damage-vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(circle,transparent 42%,rgba(155,0,0,.72) 120%);transition:opacity .1s}#flash-layer{position:absolute;inset:0;background:#fff7d6;opacity:0}#scanlines{position:absolute;inset:0;opacity:.06;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#000 4px)}.hidden{display:none!important}.screen{position:absolute;inset:0;z-index:20;display:none}.screen.active{display:block}kbd{font-family:Inter,sans-serif;font-size:10px;font-weight:600;border:1px solid rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);border-radius:3px;padding:3px 6px;color:#e9ecea}

/* Main menu */
#main-menu{background:linear-gradient(90deg,rgba(9,13,15,.97) 0%,rgba(9,13,15,.9) 36%,rgba(9,13,15,.24) 72%,rgba(9,13,15,.5) 100%)}#main-menu:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--orange)}.menu-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line)}.brand-mini{display:flex;align-items:center;gap:16px;font:600 12px Inter;letter-spacing:3px}.brand-mark{font:800 25px "Barlow Condensed";letter-spacing:-1px;color:var(--orange);border-right:1px solid #555;padding-right:16px}.header-status{font-size:10px;letter-spacing:1.5px;color:#aeb6b5}.status-dot{display:inline-block;width:6px;height:6px;background:#76b993;border-radius:50%;box-shadow:0 0 9px #76b993;margin-right:8px}.menu-content{height:calc(100% - 132px);display:flex;align-items:center;justify-content:space-between;padding:2vh 8vw 2vh 9vw;gap:7vw}.hero-copy{max-width:570px;min-width:440px}.eyebrow{font:600 11px Inter;letter-spacing:4px;color:#b9bfbd;display:flex;align-items:center;gap:12px;margin-bottom:18px}.eyebrow span{width:26px;height:2px;background:var(--orange)}h1{font:700 clamp(70px,8vw,122px)/.77 "Barlow Condensed",sans-serif;letter-spacing:-3px;margin:0;color:#e9edeb;text-shadow:0 3px 25px #000}h1 strong{font-weight:800;color:var(--orange)}.edition{margin-top:23px;font:500 15px "Barlow Condensed";letter-spacing:5px;color:#b9c0be}.edition b{color:var(--orange);margin:0 8px}.hero-copy>p{font-size:13px;line-height:1.9;color:#99a29f;margin:26px 0}.menu-actions{width:410px;max-width:100%;display:grid;gap:9px}.btn{border:0;min-height:54px;padding:0 20px;display:flex;align-items:center;gap:17px;text-align:left;font-size:14px;font-weight:600;letter-spacing:.5px;transition:background .15s,transform .15s}.btn:hover{transform:translateX(3px)}.btn-primary{background:var(--orange);color:#16191a;box-shadow:0 6px 22px rgba(0,0,0,.2)}.btn-primary:hover{background:var(--orange-bright)}.btn-secondary{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13)}.btn-secondary:hover{background:rgba(255,255,255,.11)}.btn-index{font:500 10px Inter;opacity:.65}.btn>span:nth-child(2){flex:1}.btn small{display:block;font-size:9px;font-weight:500;letter-spacing:1px;margin-top:5px;opacity:.65}.btn i{font-style:normal;font-size:20px}.minor-actions{display:flex;gap:16px;margin-top:21px;align-items:center}.minor-actions button,.text-btn{border:0;background:none;padding:5px 0;color:#aab1af;font-size:11px;letter-spacing:1px}.minor-actions button:hover,.text-btn:hover{color:var(--orange)}.minor-actions span{color:#505759;font-size:10px}.mission-card{width:335px;background:rgba(15,20,22,.88);border:1px solid rgba(255,255,255,.12);padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.35);backdrop-filter:blur(12px);transform:translateY(2vh)}.card-kicker,.panel-kicker{font-size:9px;letter-spacing:2px;color:var(--orange);text-transform:uppercase}.map-preview{height:215px;position:relative;margin:15px 0 20px;background:#1b2222;overflow:hidden;border:1px solid #394140}.map-preview canvas{width:100%;height:100%;opacity:.9}.map-tag{position:absolute;left:12px;bottom:10px;font:500 9px Inter;letter-spacing:1.5px;color:#c6cecb}.map-coords{position:absolute;right:10px;top:10px;font-size:7px;letter-spacing:1px;color:#7e8986}.mission-card h2{font:600 29px "Barlow Condensed";letter-spacing:2px;margin:0 0 5px}.mission-card>p{font-size:10px;color:var(--muted);margin:0}.mission-stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0 15px;padding:15px 0}.mission-stats>div{flex:1;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);padding-left:14px}.mission-stats>div:first-child{padding-left:0}.mission-stats>div:last-child{border:0}.mission-stats b{font:500 24px "Barlow Condensed"}.mission-stats span{font-size:8px;color:var(--muted);letter-spacing:1px}.difficulty{display:flex;align-items:center;font-size:9px;color:var(--muted);gap:12px}.difficulty>div{display:flex;gap:3px;flex:1}.difficulty i{width:18px;height:3px;background:#3b4140}.difficulty i.on{background:var(--orange)}.difficulty b{color:#c6ceca;font-weight:500}.menu-footer{height:50px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;font-size:8px;color:#697472;letter-spacing:1.3px}

/* HUD */
#hud{position:absolute;inset:0;z-index:6;pointer-events:none;font-family:"Barlow Condensed",Inter,sans-serif;text-shadow:0 1px 3px #000}#top-hud{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;height:56px;filter:drop-shadow(0 3px 5px #0008)}.team-score{display:flex;align-items:center;gap:18px;padding:0 19px;background:rgba(17,23,25,.82);min-width:145px;border-bottom:2px solid}.team-score.ct{justify-content:flex-end;border-color:var(--ct)}.team-score.t{border-color:var(--t)}.team-score span{font:500 11px Inter;letter-spacing:1px}.team-score b{font-size:32px}.team-score.ct b{color:var(--ct)}.team-score.t b{color:var(--t)}.round-clock{background:rgba(9,13,15,.9);width:104px;text-align:center;display:flex;flex-direction:column;align-items:center}.round-clock>div{font:500 9px Inter;color:#b3bab7;letter-spacing:1px;margin-top:5px}.round-clock time{font-size:29px;line-height:29px;font-weight:600}.round-clock small{font:400 7px Inter;color:#828c88;letter-spacing:.5px}.alive-row{position:absolute;top:79px;display:flex;gap:4px}.alive-row.ct{left:calc(50% - 246px);justify-content:flex-end;width:210px}.alive-row.t{right:calc(50% - 246px);width:210px}.alive-pip{width:24px;height:4px;background:#555}.alive-row.ct .alive-pip{background:var(--ct)}.alive-row.t .alive-pip{background:var(--t)}.alive-pip.dead{background:#424747!important;opacity:.45}#minimap-wrap{position:absolute;top:22px;left:24px;width:190px;height:208px;background:rgba(11,16,17,.64);border:1px solid rgba(255,255,255,.08);padding:5px;clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,0 100%)}#minimap{width:180px;height:180px;opacity:.9}.minimap-label{font:500 8px Inter;letter-spacing:1px;color:#b2bbb8;padding:7px 4px}.minimap-label span{color:var(--orange);margin-left:8px}#killfeed{position:absolute;right:25px;top:100px;width:360px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font:500 12px Inter;text-shadow:none}.kill-item{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,transparent,rgba(12,16,18,.77) 15%);padding:7px 10px 7px 25px;animation:feedIn .2s}.kill-item .ct{color:#91c5e2}.kill-item .t{color:#e6c376}.kill-item .weapon{font:500 9px Inter;color:#b3bab8;text-transform:uppercase}.kill-item .headshot{color:#d96258;font-size:10px}@keyframes feedIn{from{transform:translateX(20px);opacity:0}}#objective-banner{position:absolute;top:92px;left:50%;transform:translateX(-50%);font:500 11px Inter;background:rgba(16,20,21,.75);padding:8px 14px;letter-spacing:1px}#objective-icon{color:var(--orange);margin-right:8px}#bomb-timer{position:absolute;top:106px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:rgba(20,15,12,.82);padding:8px 14px;border:1px solid #d7834277}.bomb-icon{font:700 10px Inter;border:1px solid var(--orange);padding:6px;color:var(--orange)}#bomb-timer>div:last-child{display:flex;align-items:center;gap:15px}#bomb-timer span{font:500 9px Inter;color:#d5b18d}#bomb-time{font-size:22px;color:#ffb16d}#crosshair{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);--gap:5px;--length:7px}#crosshair i{position:absolute;background:rgba(230,255,236,.95);box-shadow:0 0 2px #000}#crosshair i:nth-child(1){width:var(--length);height:2px;left:calc(20px - var(--gap) - var(--length));top:19px}#crosshair i:nth-child(2){width:var(--length);height:2px;left:calc(20px + var(--gap));top:19px}#crosshair i:nth-child(3){height:var(--length);width:2px;top:calc(20px - var(--gap) - var(--length));left:19px}#crosshair i:nth-child(4){height:var(--length);width:2px;top:calc(20px + var(--gap));left:19px}#crosshair b{position:absolute;width:2px;height:2px;left:19px;top:19px;background:#effff2}#hitmarker{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);opacity:0}#hitmarker.show{animation:hit .16s}#hitmarker i{position:absolute;width:8px;height:2px;background:#fff}#hitmarker i:nth-child(1){left:3px;top:6px;transform:rotate(45deg)}#hitmarker i:nth-child(2){right:3px;top:6px;transform:rotate(-45deg)}#hitmarker i:nth-child(3){left:3px;bottom:6px;transform:rotate(-45deg)}#hitmarker i:nth-child(4){right:3px;bottom:6px;transform:rotate(45deg)}#hitmarker.head i{background:#e66b5f}@keyframes hit{0%,100%{opacity:0}20%,80%{opacity:1}}#player-status{position:absolute;left:28px;bottom:26px;display:flex;align-items:flex-end;gap:20px}#health-block,#armor-block{display:flex;gap:10px;align-items:center}#health-block b,#armor-block b{font-size:43px;font-weight:500;line-height:1}.status-icon{font:400 26px Inter;color:#d8dedb}.armor-icon{font-size:20px;color:#a5b9c6}#armor-block b{font-size:29px;color:#c5d0d4}#player-money{font:500 20px Inter;color:#a8c5a8;margin-left:12px;padding-bottom:4px}#player-money b{font-weight:500}#weapon-status{position:absolute;right:29px;bottom:28px;text-align:right}#weapon-name{font:500 12px Inter;letter-spacing:2px;margin-bottom:4px}#weapon-name span{font-size:8px;color:#9ca6a3;margin-left:8px;letter-spacing:1px}#ammo{display:flex;justify-content:flex-end;align-items:baseline;gap:12px}#ammo>b{font-size:52px;line-height:1;font-weight:500}#ammo span{font-size:18px;color:#9da5a2}#ammo span b{font-weight:400}#fire-mode{font:500 8px Inter;color:#9aa4a1;letter-spacing:2px;margin-top:4px}#inventory{position:absolute;right:28px;bottom:115px;display:flex;gap:5px}.slot{min-width:55px;height:30px;border-top:1px solid #75807a66;background:rgba(16,20,21,.4);padding:5px 8px;color:#89918e;font:500 9px Inter;display:flex;gap:7px;justify-content:space-between}.slot.active{border-color:var(--orange);color:#fff;background:rgba(16,20,21,.75)}.slot i{font-style:normal;color:#68716e}.slot.active i{color:var(--orange)}#chat-tip{position:absolute;bottom:95px;left:29px;font:400 10px Inter;color:#c2c9c6;opacity:.75}#interaction{position:absolute;left:50%;top:60%;transform:translateX(-50%);text-align:center;width:240px}#interaction span{font:500 12px Inter}#interaction>div{height:5px;background:#1e2525;margin-top:10px;border:1px solid #ffffff33}#interaction i{display:block;width:0;height:100%;background:var(--ct)}#spectator{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);font:500 18px Inter;color:#d3d8d5}#spectator span{display:block;text-align:center;font-size:9px;color:#929c98;margin-top:8px;letter-spacing:1px}#training-stats{position:absolute;top:250px;left:27px;font:500 12px Inter;color:#aeb8b4}#training-stats b{color:var(--orange);font-size:22px;margin-left:8px}#training-stats span{display:block;margin-top:8px;font-size:9px}#training-stats i{color:#fff;font-style:normal;margin-left:6px}#scope{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,transparent 32vmin,#050707 32.4vmin);overflow:hidden}.scope-circle{position:absolute;width:64vmin;height:64vmin;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #0a0b0b;border-radius:50%}.scope-h,.scope-v{position:absolute;background:#101212;left:50%;top:50%;transform:translate(-50%,-50%)}.scope-h{width:64vmin;height:1px}.scope-v{height:64vmin;width:1px}

/* Messages and panels */
.overlay-message{position:absolute;z-index:12;top:35%;left:50%;transform:translate(-50%,-50%);text-align:center;width:80%;pointer-events:none;text-shadow:0 2px 12px #000}.overlay-message:before,.overlay-message:after{content:"";display:inline-block;width:80px;height:1px;background:var(--orange);vertical-align:middle;margin:0 18px}.overlay-message>div{display:inline-block;font:500 9px Inter;letter-spacing:3px;color:var(--orange)}.overlay-message h2{font:600 48px "Barlow Condensed";letter-spacing:3px;margin:12px 0 6px}.overlay-message p{font-size:11px;color:#b8c0bd;letter-spacing:1px}#freeze-message{position:absolute;z-index:10;top:28%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}#freeze-message span{display:block;font:500 10px Inter;letter-spacing:4px;color:#d3d8d5}#freeze-message b{display:block;font:500 58px "Barlow Condensed";color:var(--orange)}#freeze-message small{font:400 9px Inter;color:#b5bcb9;letter-spacing:1px}#announcement{position:absolute;z-index:15;left:50%;top:20%;transform:translateX(-50%);background:rgba(15,20,21,.85);border-left:2px solid var(--orange);padding:10px 18px;font:500 11px Inter;letter-spacing:.5px;animation:announce .25s;pointer-events:none}@keyframes announce{from{opacity:0;transform:translate(-50%,-8px)}}.panel-screen{position:absolute;inset:0;z-index:30;background:rgba(4,7,8,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.13);box-shadow:0 25px 90px #0009}.panel header{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid var(--line)}.panel h2{font:600 31px "Barlow Condensed";letter-spacing:1.5px;margin:5px 0 0}.panel footer{border-top:1px solid var(--line);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.buy-panel{width:min(900px,92vw)}.buy-funds{text-align:right;font-size:10px;color:#a9b1ae}.buy-funds b{display:block;color:#a9cba9;font:500 29px "Barlow Condensed";margin-top:4px}.buy-funds small{font-size:8px;color:#7f8b87}#buy-tabs{display:flex;padding:0 28px;border-bottom:1px solid var(--line)}#buy-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:16px 20px 13px;font-size:11px;color:#929c98}#buy-tabs button:first-child{padding-left:0}#buy-tabs button.active{color:var(--orange);border-color:var(--orange)}#buy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 28px;min-height:310px}.buy-item{background:#242b2d;border:1px solid #ffffff0d;padding:17px;text-align:left;position:relative;transition:background .12s,border .12s}.buy-item:hover:not(:disabled){background:#303839;border-color:#e8a94f88}.buy-item:disabled{opacity:.38;cursor:not-allowed}.buy-item .item-type{font-size:8px;color:#8c9793;letter-spacing:1px}.buy-item h3{font:600 24px "Barlow Condensed";margin:8px 0 3px;letter-spacing:1px}.buy-item p{font-size:9px;color:#8f9a96;margin:0 0 15px}.buy-item .price{color:#b4cfad;font:500 17px "Barlow Condensed"}.buy-item .owned{position:absolute;right:12px;top:12px;color:var(--orange);font-size:8px}.weapon-art{height:34px;position:relative;margin-top:4px;opacity:.7}.weapon-art:before{content:"";position:absolute;width:80px;height:8px;background:#aeb7b3;right:5px;top:8px;transform:skewX(-20deg)}.weapon-art:after{content:"";position:absolute;width:14px;height:23px;background:#8c9692;right:44px;top:14px;transform:skewX(-15deg)}.buy-item.gear .weapon-art:before{font:600 30px "Barlow Condensed";background:none;color:#9eaaa5;content:"◆";height:auto;width:auto}.score-panel{width:min(780px,92vw)}.score-big{display:flex;gap:15px;font:500 36px "Barlow Condensed"}.score-big b:first-child{color:var(--ct)}.score-big b:last-child{color:var(--t)}.score-big span{color:#68716e}.score-team{display:flex;justify-content:space-between;margin:18px 28px 0;padding:8px 12px;font-size:11px;font-weight:600;border-left:2px solid}.score-team.ct{background:#75a9c716;border-color:var(--ct);color:#a7cade}.score-team.t{background:#d7b36a16;border-color:var(--t);color:#ddc48f}.score-labels,.roster-row{display:grid;grid-template-columns:2.5fr repeat(5,1fr);align-items:center;padding:7px 40px;gap:10px}.score-labels{font-size:8px;color:#737e7a;text-transform:uppercase}.score-labels span:not(:first-child),.roster-row span:not(:first-child){text-align:center}.roster-row{font-size:10px;min-height:31px;color:#b9c1be}.roster-row:nth-child(odd){background:#ffffff04}.roster-row.me{color:var(--orange);background:#e8a94f0b}.roster-row.dead{opacity:.45}.roster-row .player-cell{display:flex;align-items:center;gap:8px}.team-dot{width:5px;height:5px;border-radius:50%}.team-dot.ct{background:var(--ct)}.team-dot.t{background:var(--t)}.score-panel footer{justify-content:center;margin-top:17px}.pause-panel{width:370px;padding:38px}.pause-panel h2{font-size:38px}.pause-panel>p{font-size:10px;color:var(--muted);margin:8px 0 28px}.pause-panel .btn{width:100%;margin:8px 0;justify-content:space-between}.pause-panel>small{display:block;text-align:center;color:#6f7976;font-size:9px;margin-top:20px}.danger{color:#d8847d}.settings-panel{width:520px}.close-modal{background:none;border:0;font-size:26px;color:#9aa39f}.setting-row{padding:20px 28px;border-bottom:1px solid var(--line)}.setting-row label{display:flex;justify-content:space-between;font-size:11px;color:#c7cecb}.setting-row label b{color:var(--orange);font-weight:500}.setting-row input{width:100%;margin-top:17px;accent-color:var(--orange);height:3px}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle-row>div label{display:block}.toggle-row small{display:block;font-size:8px;color:#798480;margin-top:6px}.toggle{width:38px;height:20px;border:1px solid #505b57;border-radius:15px;background:#2a3231;padding:2px}.toggle i{display:block;width:14px;height:14px;border-radius:50%;background:#76807c;transition:transform .15s}.toggle.active{background:#e8a94f33;border-color:var(--orange)}.toggle.active i{background:var(--orange);transform:translateX(17px)}.help-panel{width:720px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px;padding:28px}.help-grid h3{font:600 17px "Barlow Condensed";letter-spacing:1px;color:var(--orange);margin:0 0 12px}.help-grid p{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:10px;color:#aeb7b3}.help-note{margin:0 28px 25px;background:#e8a94f0d;border-left:2px solid var(--orange);padding:12px;font-size:10px;color:#b6bfbb;line-height:1.7}#rotate-notice{display:none}

@media(max-width:1000px){.mission-card{display:none}.menu-content{justify-content:flex-start}.hero-copy{min-width:0}.menu-header{padding:0 5vw}.menu-footer span:nth-child(2){display:none}#minimap-wrap{transform:scale(.75);transform-origin:top left}.team-score{min-width:105px}.team-score span{display:none}.alive-row{display:none}}@media(max-height:720px){.menu-content{padding-top:1vh;padding-bottom:1vh}.hero-copy>p{margin:16px 0}h1{font-size:76px}.mission-card{transform:scale(.85)}.buy-panel{transform:scale(.88)}.score-panel{transform:scale(.84)}.help-panel{transform:scale(.88)}}@media(max-width:650px){.menu-header{height:60px}.header-status{display:none}.menu-content{padding:4vh 8vw;height:calc(100% - 100px)}h1{font-size:68px}.hero-copy{max-width:100%}.menu-footer{padding:0 6vw}.menu-footer span:last-child{display:none}.buy-panel,.settings-panel,.help-panel{max-height:92vh;overflow:auto}#buy-grid{grid-template-columns:1fr 1fr}.help-grid{grid-template-columns:1fr}.panel header{padding:18px}.setting-row{padding:16px 20px}#top-hud{top:8px}.team-score{min-width:65px;padding:0 10px}.round-clock{width:90px}#minimap-wrap{left:8px;top:8px;transform:scale(.55)}#player-status{left:15px;bottom:15px;gap:10px}#health-block b{font-size:32px}#armor-block b{font-size:23px}#player-money{font-size:14px;margin-left:2px}#weapon-status{right:15px;bottom:15px}#ammo>b{font-size:38px}#inventory{display:none}}@media(orientation:portrait) and (max-width:600px){#rotate-notice{display:block;position:absolute;z-index:100;bottom:8px;width:100%;text-align:center;font-size:9px;color:#aab3af;pointer-events:none}}