:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#e8edf0;background:#0b1319;font-synthesis:none;--gold:#edbd74;--muted:#899ba5;--panel:rgba(10,20,27,.87)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:transparent;transition:background .15s,transform .15s}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;outline:none}#shade{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,13,19,.96),rgba(5,13,19,.66) 35%,transparent 77%),linear-gradient(0deg,rgba(5,13,19,.85),transparent 25%)}header{position:fixed;z-index:3;top:0;left:0;width:100%;height:100px;padding:28px 4.7%;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand img{width:43px;height:43px}.brand span{font-weight:850;letter-spacing:3px;font-size:20px}.brand small{display:block;font-weight:400;font-size:10px;letter-spacing:5px;color:var(--muted);margin-top:4px}.room{display:flex;gap:10px;align-items:center;font-size:11px;color:#bdc9ce;letter-spacing:1px}.room i{width:6px;height:6px;border-radius:50%;background:#f1b864;box-shadow:0 0 10px #f1b864}.room i.online{background:#76d8af;box-shadow:0 0 10px #76d8af}.divider{color:#44545b}.icon-button{margin-left:auto;color:#a4b4bc;font-size:12px;border:1px solid #47545b;border-radius:4px;padding:9px 16px}main{position:fixed;z-index:2;top:21%;left:7.2%;width:600px;max-width:60vw}.eyebrow{display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:3px;color:var(--gold)}.eyebrow span{border-left:2px solid var(--gold);padding-left:12px}.eyebrow b{color:#68808c;font-weight:400;font-size:10px;letter-spacing:1px}h1{font-size:clamp(36px,4.4vw,68px);line-height:1.3;letter-spacing:-2px;font-weight:800;margin:25px 0 20px}h1 span{color:var(--gold)}.intro{color:#a8b8c0;font-size:13px;line-height:1.9;margin:0 0 28px}.actions{display:flex;gap:12px}.primary,.secondary{padding:14px 25px;font-size:13px;font-weight:600;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:35px}.primary{background:var(--gold);color:#1c2429;border:1px solid var(--gold)}.secondary{background:#1f303ab3;border:1px solid #51616c;color:#d4dfe5}.actions .primary{min-width:180px}.actions .secondary{min-width:155px}.lobby-stats{display:flex;margin-top:34px;gap:38px}.lobby-stats>div{min-width:95px}.lobby-stats strong{display:block;font-size:26px;font-weight:500;letter-spacing:2px}.lobby-stats em{font-size:10px;color:#7c8c95;font-style:normal;vertical-align:middle;margin:0 8px}.lobby-stats small{display:block;font-size:10px;color:#7e949f;margin-top:7px;letter-spacing:1px}.rules{display:flex;gap:24px;color:#506773;font-size:10px;margin-top:27px}.rules b{font-weight:400;color:#9baeb8;margin-left:7px}#lobby-message{color:var(--gold);font-size:12px;margin-top:14px}#map-label{position:fixed;right:6%;bottom:15%;display:flex;flex-direction:column;gap:8px;text-align:right;text-shadow:0 2px 5px #000}#map-label span{font-size:10px;letter-spacing:4px;color:var(--gold)}#map-label strong{font-size:28px;letter-spacing:5px}#map-label small{font-size:10px;color:#aabdc7}footer{position:fixed;z-index:2;bottom:25px;left:4.7%;right:4.7%;display:flex;gap:25px;align-items:center;font-size:9px;letter-spacing:2px;color:#647b88}footer button{margin-left:auto;font-size:11px;color:#b5c6d0;letter-spacing:0}body.play header{height:65px;padding:12px 22px;pointer-events:none}body.play header>*{pointer-events:auto}body.play .brand img{width:30px;height:30px}body.play .brand span{font-size:13px}body.play .brand small,body.play .room{display:none}body.play #shade{background:linear-gradient(0deg,rgba(0,8,13,.7),transparent 28%),linear-gradient(180deg,rgba(0,8,13,.65),transparent 18%)}#score{position:fixed;top:15px;left:50%;transform:translate(-50%);display:flex;gap:23px;align-items:center;font-size:13px}#score>span{font-size:11px;color:#bdc6cc;text-align:center;line-height:1.4}#score strong{font-size:30px;font-variant-numeric:tabular-nums;margin:0 10px}#score .red{color:#f19780;border-bottom:2px solid #e08470;padding:0 8px 5px}#score .blue{color:#8bbedd;border-bottom:2px solid #73a8c9;padding:0 8px 5px}#kills{position:fixed;top:85px;right:24px;width:280px;font-size:11px;text-align:right}#kills>div{margin-bottom:6px;padding:8px 10px;background:#0b1723b0;border-right:2px solid #e6bf83}#kills b{color:var(--gold)}#toast{position:fixed;top:125px;left:50%;transform:translate(-50%);background:#0d1922db;border-top:1px solid var(--gold);padding:15px 30px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1}#crosshair{position:fixed;left:50%;top:50%;width:0;height:0;pointer-events:none}#crosshair i{position:absolute;background:#d1eac6;box-shadow:0 0 2px #000}#crosshair i:nth-child(1){width:9px;height:2px;left:-16px;top:-1px}#crosshair i:nth-child(2){width:9px;height:2px;left:7px;top:-1px}#crosshair i:nth-child(3){height:9px;width:2px;left:-1px;top:-16px}#crosshair i:nth-child(4){height:9px;width:2px;left:-1px;top:7px}#hitmarker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;line-height:1;color:#fff;opacity:0;pointer-events:none}#damage-vignette{position:fixed;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 150px #e34b31;opacity:0;pointer-events:none}#hud{position:fixed;bottom:70px;left:35px;right:35px;display:flex;align-items:end;pointer-events:none;text-shadow:0 1px 5px #000}.health small,.weapon small{display:block;color:#a7bdc8;font-size:11px;letter-spacing:2px}.health strong{font-size:42px;line-height:1.3}.health>div{width:170px;height:4px;background:#47505a}.health i{display:block;height:100%;background:#d3dfc4;width:100%}.hud-life{margin:0 0 0 24px;padding-left:22px;border-left:1px solid #7f939770}.hud-life b{font-size:18px;letter-spacing:4px;color:var(--gold)}.hud-life small{display:block;font-size:10px;color:#b4c1c7;margin-top:4px}.weapon{margin-left:auto;text-align:right}.weapon strong{display:block;font-size:38px;font-variant-numeric:tabular-nums}.weapon em{font-size:18px;color:#9caeb5;font-style:normal}#reload{font-size:12px;color:var(--gold)}#spectator{position:fixed;bottom:100px;left:50%;transform:translate(-50%);text-align:center;background:#0d1922ba;padding:16px 24px;min-width:270px;border-top:2px solid #e5bb79}#spectator small{display:block;font-size:10px;letter-spacing:3px;color:#adc1cb;margin-bottom:7px}#target-name{font-size:20px}#target-team{display:block;font-size:11px;color:#aab7be;margin:5px 0 12px}.spectator-controls{display:flex;justify-content:center;gap:8px}.spectator-controls button{padding:6px 12px;font-size:11px;background:#40526060;border:1px solid #647c8355}#social{position:fixed;left:22px;top:105px;width:245px;background:#0b1822d6;border:1px solid #5a737644;border-radius:4px;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-top{padding:13px;border-bottom:1px solid #71838a33;display:flex;gap:10px;align-items:center}.panel-top b{letter-spacing:2px;color:#e3e9ec}.panel-top span{color:#8199a5}.panel-top button{margin-left:auto;color:#b4c8d1}#queue-position{padding:12px;color:var(--gold);font-size:12px}#queue-list{margin:0 0 8px;padding:0 12px 0 32px;max-height:75px;overflow:auto;color:#9caeb9}#social>.primary,#social>.secondary{margin:0 12px 10px;width:calc(100% - 24px);padding:10px;font-size:11px}.chat-heading{padding:12px;border-top:1px solid #71838a33;color:#d4dee4}.chat-heading span{float:right;font-size:10px;color:#829aa7}#chat{height:120px;overflow:auto;padding:0 12px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}#chat b{color:#b2c7d4;font-weight:400}#chat span{color:#e3e9ec}#chat-form{display:flex;margin:8px;border:1px solid #63798455}input,select{color:#e3e9ec;background:#152631;border:1px solid #576e7a;padding:10px;min-width:0}#chat-input{font-size:11px;border:0;width:100%;background:#15263188;padding:9px}#chat-form button{background:#293d47;padding:0 10px}#controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-size:10px;color:#a2b6bf;white-space:nowrap;text-shadow:0 1px 3px #000}#lock{position:fixed;left:50%;top:62%;transform:translate(-50%,-50%)}#board-open,#home{position:fixed;bottom:45px;left:22px;font-size:11px;color:#c1d0d8;background:#0c1a2399;padding:7px 12px}#home{left:150px}#net{position:fixed;bottom:45px;right:25px;font-size:10px;color:#b3c6cb}dialog{background:#101e29f5;border:1px solid #536c7866;border-top:3px solid var(--gold);border-radius:6px;padding:30px;color:#e4edf1;max-width:calc(100vw - 28px);min-width:360px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#030c1388;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{margin:0 0 20px;line-height:1.4;font-size:27px}dialog p{font-size:12px;color:#9cb0bc;line-height:1.8;max-width:360px}dialog>small{font-size:10px;letter-spacing:3px;color:var(--gold);display:block;margin-bottom:20px}#death button{display:block;width:100%;margin-top:12px}#settings label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;font-size:12px}#settings input,#settings select{width:170px}#settings .check input{width:auto}#settings-close{width:100%}#board{width:760px}#board-close{float:right;font-size:28px;color:#8da2b0}.tabs{display:flex;border-bottom:1px solid #50667777;margin-bottom:20px}.tabs button{padding:10px 20px;font-size:12px;color:#94acba}.tabs button.active{border-bottom:2px solid var(--gold);color:var(--gold)}#board-content{max-height:55vh;overflow:auto;font-size:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid #71838a22;white-space:nowrap}th{color:#7e9aab;font-size:10px}td.red{color:#f1a28b}td.blue{color:#a1cce7}body.active #social,body.active #spectator,body.spectating #crosshair,body.spectating .hud-life{display:none}#social.compact>*:not(.panel-top){display:none}body.active #hud{display:flex}body.active #social{display:none}@media(max-width:850px){header{padding:20px;gap:20px;height:80px}.room{font-size:9px}.room #room-count,.divider{display:none}main{left:7%;top:19%;max-width:78vw}h1{font-size:42px}.intro{font-size:12px}.lobby-stats{gap:25px}#map-label{display:none}footer{left:7%;right:7%;font-size:8px}footer>span:nth-child(2){display:none}#social{top:85px;width:220px;left:12px}#score{top:65px;gap:10px}#score strong{font-size:23px}#kills{top:125px;right:12px;width:210px}#spectator{bottom:90px}#controls{display:none}#hud{bottom:75px;left:18px;right:18px}.health strong,.weapon strong{font-size:28px}.health>div{width:100px}.hud-life{display:none}}@media(max-width:550px){.brand span{font-size:15px}.brand img{width:34px}.room{display:none}main{max-width:88vw;width:88vw;top:20%}h1{font-size:37px;letter-spacing:-1px;margin-top:20px}.intro{font-size:11px;margin-bottom:20px}.actions .primary,.actions .secondary{min-width:0;padding:12px 19px;gap:20px}.lobby-stats{margin-top:25px;gap:17px}.lobby-stats>div{min-width:80px}.lobby-stats strong{font-size:23px}.lobby-stats small{font-size:9px}.rules{gap:16px;margin-top:20px}footer{bottom:15px}#social{top:auto;bottom:145px;width:190px;font-size:10px}#chat{height:75px}#queue-list{max-height:40px}#kills{top:115px;width:180px;font-size:9px}#spectator{left:auto;right:10px;bottom:145px;transform:none;min-width:0;width:150px;padding:10px}#target-name{font-size:14px}.spectator-controls{gap:4px;flex-wrap:wrap}.spectator-controls button{font-size:9px;padding:6px 7px}#hud{bottom:80px}#score{gap:8px;white-space:nowrap}#score strong{margin:0 5px}dialog{min-width:calc(100vw - 30px);padding:22px}#board{padding:15px}th,td{padding:9px 6px;font-size:10px}#board-open,#home{bottom:38px}#net{bottom:19px}body.play header{padding:12px}#controls{display:none}}