:root{--accent:#d8ef78;--paper:#eff0e9;--muted:#a4aea5;--bg:#131b18;--ct:#91c5e6;--t:#e2b56c;--line:rgba(231,241,222,.14);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--paper);color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#1d241f}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0;color:inherit}button:disabled{cursor:not-allowed;opacity:.35}.hidden{display:none!important}#game{width:100%;height:100%;position:fixed;inset:0;display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 45%,rgba(8,13,10,.38));z-index:1}#damage-overlay{position:fixed;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 150px 40px #c32624;opacity:0}#flash-overlay{position:fixed;inset:0;background:white;z-index:20;pointer-events:none;opacity:0}#loading{position:fixed;inset:0;background:#141d18;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column}.logo-small{font-size:24px;font-weight:850;letter-spacing:2px}.logo-small span{color:var(--accent)}#loading p{font-size:13px;color:var(--muted)}.loader{width:180px;height:2px;overflow:hidden;background:#34402d;margin-top:40px}.loader:before{content:"";display:block;background:var(--accent);width:40%;height:100%;animation:load 1s ease-in-out infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
.screen{position:fixed;inset:0;z-index:3}#menu{background:linear-gradient(90deg,rgba(12,20,15,.97),rgba(12,20,15,.85) 27%,rgba(12,20,15,.24) 68%,rgba(12,20,15,.1));padding:35px 4.5vw 25px;display:flex;flex-direction:column}.menu-header{display:flex;align-items:center;gap:30px}.brand{font-size:20px;font-weight:850;letter-spacing:1.8px;display:flex;align-items:center;gap:14px;color:var(--paper);text-decoration:none}.brand i{font-style:normal;color:var(--accent);margin:0 8px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1.5px solid var(--accent);color:var(--accent);font-size:30px;font-weight:350;line-height:1;transform:rotate(-4deg)}.build-tag{margin-left:auto;display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.6px}.build-tag b{display:inline-block;background:var(--accent);width:5px;height:5px;border-radius:50%;box-shadow:0 0 10px var(--accent)}.build-tag span{margin-left:18px;color:#b7bbae;font-size:10px}.icon-btn{background:rgba(20,30,24,.45);width:40px;height:40px;border:1px solid var(--line);font-size:23px;border-radius:50%}.icon-btn:hover{background:var(--accent);color:var(--bg)}.menu-content{margin-top:auto;margin-bottom:auto;max-width:560px;padding:35px 0 28px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--accent);font-weight:650;display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:25px;height:1px;background:var(--accent)}h1{font-weight:800;font-size:clamp(50px,5.7vw,88px);line-height:1.13;letter-spacing:-3px;margin:23px 0 22px}h1>span{color:var(--accent)}.menu-intro{font-size:14px;line-height:1.8;color:#b8c2b6;margin-bottom:28px;letter-spacing:.6px}.mode-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);width:max-content;max-width:100%}.mode-tab{padding:11px 0 14px;background:transparent;font-size:13px;color:#acb4a7;position:relative;white-space:nowrap}.mode-tab span{font-size:9px;padding:3px 4px;background:#36432a;color:var(--accent);margin-left:5px}.mode-tab.active{color:var(--paper)}.mode-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.mode-description{font-size:11px;color:#a7b29f;margin-top:14px;max-width:435px;line-height:1.7}.team-select{display:flex;align-items:center;gap:15px;margin-top:20px;font-size:11px}.team-select>span{color:#84927f;margin-right:4px}.team-btn{font-size:11px;background:transparent;color:#93a08d;padding:6px 8px;border:1px solid transparent}.team-btn.active{border:1px solid var(--line);color:#e3e8da;background:#27302566}.team-btn i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%}.ct-dot{background:var(--ct)}.t-dot{background:var(--t)}.play-btn{width:380px;max-width:100%;margin-top:21px;padding:20px 24px;background:var(--accent);color:#182215;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:.2s;font-size:21px;font-weight:750;letter-spacing:1px}.play-btn:hover{background:#e5fc9a;transform:translateY(-2px);box-shadow:0 10px 35px #b9d67d20}.play-btn small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;font-weight:650;opacity:.7}.play-arrow{font-size:33px;font-weight:350}.text-btn{background:transparent;font-size:11px;color:#b1bbaa;padding:14px 0}.text-btn span{margin-left:20px}.text-btn:hover{color:var(--accent)}.map-card{position:absolute;right:4.5vw;bottom:100px;background:rgba(20,29,22,.67);border:1px solid rgba(224,231,202,.18);backdrop-filter:blur(12px);padding:23px 25px;width:340px;box-shadow:0 20px 80px #101b1840}.map-card-top{display:flex;justify-content:space-between;align-items:center;color:#adbba8;font-size:9px;letter-spacing:1.6px}.map-badge{border:1px solid var(--line);padding:4px 6px;font-size:8px;letter-spacing:.6px}.map-card h2{font-size:24px;letter-spacing:1px;margin:21px 0 7px;font-weight:700}.map-card p{font-size:10px;color:#b5bba8;margin:0}.map-card p span{margin:0 8px}.map-route{display:flex;gap:13px;align-items:center;margin:22px 0}.map-route span{display:grid;place-items:center;background:#d7e3b81a;border:1px solid #becba445;width:27px;height:27px;font-size:11px;color:#e4eec5;transform:rotate(-4deg)}.map-route div{flex:1;height:1px;background:repeating-linear-gradient(to right,#e2e7cb70 0 5px,transparent 5px 9px)}.map-card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:8px;letter-spacing:1px;color:#9da88c}.menu-footer{display:flex;justify-content:space-between;font-size:9px;color:#9daa94;gap:30px;letter-spacing:.5px}.menu-footer>div{display:flex;gap:24px}
#hud{position:fixed;inset:0;z-index:3;pointer-events:none;text-shadow:0 1px 6px #0008}.radar-wrap{position:absolute;top:22px;left:24px;width:190px;background:#1220208c;border:1px solid #c9d7c024;border-radius:2px;backdrop-filter:blur(4px)}.radar-label{display:flex;justify-content:space-between;padding:10px 12px;font-size:11px}.radar-label>span:last-child{color:var(--accent)}#radar{width:190px;height:190px;display:block}.radar-footer{border-top:1px solid #adbea525;display:flex;justify-content:space-between;padding:7px 10px;font-size:7px;letter-spacing:1px;color:#c6d1bd}.radar-footer>span{font-size:7px}.match-top{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;background:linear-gradient(#111b20dd,#111b2055);padding:12px 18px 14px;border-bottom:1px solid #ebf1dc25;gap:22px;min-width:292px;justify-content:center}.team-score{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:60px;justify-content:center}.team-score>span{font-size:10px;font-weight:750}.team-score>b{font-size:27px;line-height:1}.team-score.ct{color:var(--ct)}.team-score.t{color:var(--t)}.alive-dots{display:flex;gap:3px;width:100%;justify-content:center;margin-top:4px}.alive-dots>i{width:6px;height:11px;background:currentColor;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.alive-dots>i.dead{opacity:.18}.round-info{text-align:center;min-width:86px;display:flex;flex-direction:column}.round-info>span:first-child{font-size:8px;letter-spacing:1.3px;color:#c7d1c2}.round-info>b{font-size:24px;letter-spacing:1px;font-weight:600;margin:3px 0;line-height:1}.round-info>span:last-child{font-size:9px;color:#c5d19e}.round-info.bomb>b{color:#ff805c;animation:bombpulse .8s infinite alternate}@keyframes bombpulse{to{opacity:.55}}.kill-feed{position:absolute;right:23px;top:24px;display:flex;align-items:flex-end;flex-direction:column;gap:7px}.kill-item{padding:8px 11px;font-size:10px;display:flex;gap:10px;background:#182028b8;border-right:2px solid #c9d4bb;color:#e3eadb;align-items:center}.kill-item .gun-name{font-size:8px;color:#c5d298}.kill-item.own{border:1px solid var(--accent)}.kill-item .ct{color:var(--ct)}.kill-item .t{color:var(--t)}.kill-item .headshot{color:var(--accent)}.money{position:absolute;left:28px;top:284px;font-size:24px;color:var(--accent);font-weight:550}.money>span{font-size:17px;margin-right:4px}.money>b{font-weight:600}.money>small{display:block;min-height:18px;font-size:12px;padding-top:3px}.hud-bottom{position:absolute;bottom:34px;left:28px;right:30px;display:flex;align-items:flex-end;justify-content:space-between}.vitals{display:flex;gap:28px}.health,.armor{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:82px}.health>span{font-size:30px;font-weight:300;line-height:1;color:var(--accent)}.armor>span{font-size:23px;color:#dbe9cb}.health>b,.armor>b{font-size:32px;font-weight:650;letter-spacing:-1px;line-height:1}.vital-bar{width:100%;height:3px;background:#b3c3ab44;margin-top:5px}.vital-bar>i{display:block;height:100%;background:var(--accent);transition:width .15s}.armor .vital-bar>i{background:#cfdebf}.ammo{text-align:right}.ammo>span{font-size:11px;letter-spacing:2px;color:#e4e9d6}.ammo>div{display:flex;justify-content:flex-end;align-items:baseline;gap:10px;margin:4px 0}.ammo b{font-size:40px;line-height:1;font-weight:650}.ammo i{color:#abbf9e;font-style:normal;font-size:18px}.ammo div>span{font-size:19px;color:#c8d6b8}.ammo small{font-size:9px;color:#cbd7bb}.utility-slots{display:flex;gap:20px;margin-left:auto;margin-right:38px;color:#d3dcc6;font-size:9px}.utility-slots span{padding:9px;background:#172519a6;border:1px solid #c6d7ba2e}.utility-slots i{font-style:normal;margin:0 8px;color:#e3ebd5}.quick-hints{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:20px;font-size:8px;color:#d0d7c4}.quick-hints kbd{font-size:8px;background:#1723199c;border-color:#d4dcc642;padding:2px 4px}.round-banner{position:absolute;top:26%;left:50%;transform:translateX(-50%);text-align:center;background:linear-gradient(90deg,transparent,#14221bea,transparent);width:min(720px,90vw);padding:25px 30px;border-top:1px solid #c6d8a94d;border-bottom:1px solid #c6d8a94d}.round-banner>span{font-size:9px;letter-spacing:3px;color:var(--accent)}.round-banner h2{font-size:32px;margin:10px 0 9px;letter-spacing:2px}.round-banner p{font-size:12px;color:#bdcbb2;margin:0}.interaction{position:absolute;top:62%;left:50%;transform:translateX(-50%);text-align:center;min-width:200px;background:#18211bbb;padding:12px 20px}.interaction>span{font-size:13px}.progress-track{height:3px;background:#84927066;margin-top:11px}.progress-track>div{height:100%;width:0;background:var(--accent)}.center-notice{position:absolute;left:50%;top:70%;transform:translateX(-50%);font-size:12px;padding:10px 18px;background:#18271ace;color:#e6efcf;white-space:nowrap}.spectator{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;gap:9px}.spectator>span{font-size:11px;color:#f5b497;letter-spacing:2px}.spectator>b{font-size:19px}.spectator>small{font-size:10px;color:#cfdbc3}
#crosshair{position:absolute;top:50%;left:50%;width:0;height:0;color:#d8ef78;--gap:6px;filter:drop-shadow(0 1px 1px #0008)}#crosshair i{position:absolute;display:block;background:currentColor}#crosshair i:nth-child(1){width:2px;height:8px;left:-1px;bottom:var(--gap)}#crosshair i:nth-child(2){width:2px;height:8px;left:-1px;top:var(--gap)}#crosshair i:nth-child(3){width:8px;height:2px;top:-1px;right:var(--gap)}#crosshair i:nth-child(4){width:8px;height:2px;top:-1px;left:var(--gap)}#crosshair b{position:absolute;left:-1px;top:-1px;width:2px;height:2px;background:currentColor}#hitmarker{position:absolute;top:50%;left:50%;width:0;height:0;color:#fff}#hitmarker i{position:absolute;display:block;background:currentColor;width:9px;height:2px}#hitmarker i:nth-child(1){transform:rotate(45deg);left:-14px;top:-10px}#hitmarker i:nth-child(2){transform:rotate(-45deg);left:5px;top:-10px}#hitmarker i:nth-child(3){transform:rotate(-45deg);left:-14px;top:9px}#hitmarker i:nth-child(4){transform:rotate(45deg);left:5px;top:9px}#scope{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,transparent 0 32.4vmin,#050706 32.7vmin 100%)}#scope:before{content:"";position:absolute;width:65vmin;height:65vmin;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #000;box-shadow:inset 0 0 50px #000b;border-radius:50%}.scope-line-h{position:absolute;left:50%;top:50%;width:65vmin;height:1px;background:#090909;transform:translate(-50%,-50%)}.scope-line-v{position:absolute;left:50%;top:50%;width:1px;height:65vmin;background:#090909;transform:translate(-50%,-50%)}.scope-dot{position:absolute;width:2px;height:2px;background:#df6550;left:50%;top:50%}
.modal-backdrop{position:fixed;inset:0;z-index:10;background:#09120e9c;backdrop-filter:blur(13px);display:flex;align-items:center;justify-content:center;padding:24px}.compact-panel,.buy-panel,.score-panel,.guide-panel{background:linear-gradient(135deg,#1c2822f5,#121d18f5);border:1px solid #d5e1be25;box-shadow:0 30px 120px #0007;padding:34px;width:430px;max-width:100%;max-height:90vh;overflow:auto}.compact-panel h2{font-size:32px;font-weight:600;margin:18px 0 12px;letter-spacing:-1px}.compact-panel p{font-size:12px;line-height:1.9;color:#aebfa6;margin-bottom:24px}.primary-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;background:var(--accent);color:#1b2718;font-size:13px;font-weight:650}.primary-btn:hover{background:#e6ffa1}.secondary-btn{width:100%;padding:15px 18px;margin-top:10px;background:#b4c6980c;border:1px solid var(--line);font-size:12px;text-align:left}.secondary-btn:hover{background:#b4c6981b}.compact-panel>.text-btn{margin-top:6px;width:100%}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-heading h2{font-size:27px;margin:12px 0 0;font-weight:600;letter-spacing:-.6px}.close-btn{font-size:27px;color:#acb9a4;background:transparent;line-height:1;padding:5px 8px}.close-btn:hover{color:var(--accent)}.buy-panel{width:900px;padding:32px}.buy-meta{display:flex;justify-content:space-between;margin:25px 0 20px;font-size:12px;color:#a8b89e;border-bottom:1px solid var(--line);padding-bottom:16px}.buy-meta b{color:var(--accent);font-size:18px;margin-left:8px;font-weight:650}.buy-items{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.buy-item{background:#adc39708;border:1px solid #adc39720;text-align:left;padding:14px;position:relative;min-height:136px;transition:.15s}.buy-item:hover{border-color:#d8ef7899;background:#d8ef7810;transform:translateY(-2px)}.buy-item .weapon-art{display:block;width:100%;height:50px;margin:4px 0 11px;color:#b6c3a3}.buy-item .item-category{font-size:7px;letter-spacing:1.5px;color:#8fa17f}.buy-item .item-name{font-size:12px;font-weight:650;display:block}.buy-item .item-price{color:var(--accent);font-size:12px;display:block;margin-top:6px}.buy-item .item-note{font-size:8px;color:#a6b298;display:block;margin-top:5px}.buy-item.owned{border-color:#d8ef7855}.buy-item.owned:after{content:"已装备";position:absolute;right:8px;top:8px;color:var(--accent);font-size:8px}.buy-item.too-expensive{opacity:.55}.buy-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px;font-size:11px;color:#a5b399}.subtle-btn{background:#c3d5a713;padding:10px 13px;color:#d3e3bc;font-size:11px;border:1px solid var(--line);white-space:nowrap}.score-panel{width:720px}.score-round{font-size:10px;color:var(--accent);letter-spacing:1px}.score-table-head,.score-row{display:grid;grid-template-columns:1fr 75px 75px 95px;gap:10px;align-items:center;font-size:12px;padding:12px 14px}.score-table-head{color:#98ac8a;font-size:10px;margin-top:23px;border-bottom:1px solid var(--line)}.score-table-head span:not(:first-child),.score-row>span:not(:first-child){text-align:right}.score-team-title{font-size:10px;padding:16px 14px 7px;letter-spacing:1px}.score-team-title.ct{color:var(--ct)}.score-team-title.t{color:var(--t)}.score-row{border-bottom:1px solid #c8d9b00b}.score-row.you{background:#d8ef7814}.score-row.dead{color:#829178}.score-row .tag{font-size:8px;color:var(--accent);margin-left:9px}.score-footer{font-size:10px;color:#a4b498;margin-top:23px;display:flex;justify-content:space-between}.setting{display:block;position:relative;font-size:12px;color:#c9d6bd;margin-top:28px}.setting output{float:right;color:var(--accent);font-size:11px}.setting input[type=range]{display:block;width:100%;accent-color:var(--accent);height:3px;margin:20px 0 10px;cursor:pointer}.select-setting{display:flex;align-items:center;justify-content:space-between}.setting select{font-size:11px;background:#2a3828;border:1px solid var(--line);padding:8px 12px;color:#e3ebd9;min-width:126px}.checkbox-setting{font-size:11px;display:flex;align-items:center;gap:9px;margin:28px 0 20px}.checkbox-setting input{accent-color:var(--accent)}.settings-note{font-size:10px!important;margin-bottom:0!important}.guide-panel{width:810px}.guide-grid{display:grid;grid-template-columns:1fr 1.3fr 1.1fr;gap:28px;margin:28px 0}.guide-grid h3{font-size:12px;color:var(--accent);margin-bottom:18px;font-weight:600}.guide-grid p{font-size:11px;color:#c0cfb5;margin:13px 0}kbd{font-family:inherit;display:inline-block;padding:4px 6px;border:1px solid #c6d5b137;border-bottom:2px solid #c6d5b147;background:#c6d5b108;margin-right:6px;font-size:10px;color:#e7eddf;border-radius:3px}.guide-tip{border-left:2px solid var(--accent);padding:12px 16px;background:#c6d5b108;margin:23px 0;display:flex;gap:20px}.guide-tip b{font-size:11px;white-space:nowrap;color:var(--accent)}.guide-tip span{font-size:11px;color:#bbcbb0;line-height:1.8}.guide-panel>.primary-btn{width:190px;margin-left:auto}.end-stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0;padding:20px 5px}.end-stats>span{font-size:11px;color:#b9c6ad}.end-stats b{display:block;font-size:25px;color:#edf2e5;margin-top:8px}.end-panel{text-align:center}.end-panel>.eyebrow{justify-content:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50;background:#16251cef;border:1px solid #d8ef7850;padding:13px 24px;color:#e5eed5;font-size:12px;box-shadow:0 10px 30px #0004}.error-panel{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#152019;text-align:center;padding:35px}.error-panel p{max-width:500px;line-height:1.8;color:#c0ceb3}
@media(max-width:1100px){.menu-content{max-width:470px}.map-card{width:290px;bottom:85px}h1{font-size:66px}.menu-content{padding-top:25px}.radar-wrap{width:155px}#radar{width:155px;height:155px}.money{top:250px}.buy-items{grid-template-columns:repeat(4,1fr)}.menu-intro{margin-bottom:18px}.play-btn{padding:17px 21px}}@media(max-height:780px){#menu{padding-top:22px;padding-bottom:18px}.menu-content{padding:20px 0 15px}h1{font-size:58px;margin:15px 0}.menu-intro{font-size:12px;margin:0 0 16px}.mode-tab{padding:9px 0 11px}.team-select{margin-top:12px}.play-btn{margin-top:15px;padding:15px 22px}.menu-content>.text-btn{padding:10px 0}.map-card{bottom:80px}.buy-item{min-height:115px;padding:10px}.buy-item .weapon-art{height:35px}.buy-panel{padding:25px}.compact-panel{padding:28px}}@media(max-width:760px){#menu{padding:20px 24px}.menu-header{gap:15px}.brand{font-size:14px;gap:10px;letter-spacing:1px}.build-tag{font-size:9px}.build-tag>span{display:none}.map-card{display:none}.menu-content{max-width:100%;padding:25px 0}.menu-footer>div{display:none}.menu-footer{font-size:8px}h1{font-size:54px}.menu-intro{font-size:12px}.mode-tabs{gap:22px}.menu-content>.eyebrow{font-size:8px;letter-spacing:1.7px}.buy-items{grid-template-columns:repeat(2,1fr)}.buy-panel,.guide-panel,.score-panel{padding:20px}.guide-grid{grid-template-columns:1fr 1fr;gap:12px}.guide-grid>div:last-child{grid-column:1 / -1}.guide-tip{flex-direction:column;gap:8px}.score-table-head,.score-row{grid-template-columns:1fr 45px 45px 60px;font-size:10px;padding:10px 5px}.radar-wrap{top:12px;left:12px;width:120px}#radar{width:120px;height:120px}.radar-footer{font-size:5px}.radar-label{font-size:9px;padding:6px}.money{top:182px;left:16px;font-size:20px}.match-top{gap:10px;min-width:240px;padding:10px}.kill-feed{right:12px;top:100px}.kill-item{font-size:8px}.hud-bottom{left:18px;right:18px;bottom:30px}.vitals{gap:10px}.health,.armor{width:62px}.health>b,.armor>b{font-size:25px}.utility-slots{margin-right:16px;gap:8px}.ammo b{font-size:30px}.quick-hints{gap:10px}.score-footer>span{display:none}}
