html,body{color:#cfe3f5;background:#05070a;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#crosshair{--gap:4px;opacity:0;transition:opacity .2s;position:absolute;top:50%;left:50%}#hud.locked #crosshair{opacity:1}#crosshair.hidden{opacity:0!important}#crosshair i{background:#d2ebffe6;position:absolute;box-shadow:0 0 4px #78c8ffcc}#crosshair .n{left:-1px;top:calc(-8px - var(--gap));width:2px;height:7px}#crosshair .s{left:-1px;top:calc(1px + var(--gap));width:2px;height:7px}#crosshair .w{top:-1px;left:calc(-8px - var(--gap));width:7px;height:2px}#crosshair .e{top:-1px;left:calc(1px + var(--gap));width:7px;height:2px}#hitmarker{opacity:0;position:absolute;top:50%;left:50%}#hitmarker i{background:#fff;width:2px;height:8px;position:absolute;box-shadow:0 0 6px #ff7850e6}#hitmarker i:first-child{transform:translate(-7px,-10px)rotate(45deg)}#hitmarker i:nth-child(2){transform:translate(5px,-10px)rotate(-45deg)}#hitmarker i:nth-child(3){transform:translate(-7px,2px)rotate(-45deg)}#hitmarker i:nth-child(4){transform:translate(5px,2px)rotate(45deg)}#hitmarker.show{animation:.25s ease-out hitpop}@keyframes hitpop{0%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(.9)}}#stats-panel{color:#7fd0ff;white-space:pre;background:#050c148c;border:1px solid #5aaae640;border-radius:4px;padding:6px 9px;font:11px/1.5 Consolas,monospace;position:absolute;top:10px;right:10px}#hint{letter-spacing:.05em;text-shadow:0 0 8px #000000e6;opacity:0;font-size:14px;transition:opacity .15s;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}#hint.show{opacity:1}#round-status{background:#050c148c;border:1px solid #5aaae640;border-radius:4px;align-items:baseline;gap:14px;padding:8px 16px;font:600 17px/1 Consolas,monospace;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#round-status .t{color:#ffb35c}#round-status .ct{color:#6fb2ff}#round-status .me{text-decoration:underline}#round-status .phase{color:#cfe3f5;font-size:13px}#hp-wrap{align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:18px}#hp-track{background:#0a1420b3;border:1px solid #5aaae64d;border-radius:3px;width:180px;height:10px;overflow:hidden}#hp-bar{background:linear-gradient(90deg,#3f9fdf,#52e69a);width:100%;height:100%;transition:width .2s}#hp-bar.low{background:linear-gradient(90deg,#e05252,#ff8a5c)}#hp-num{color:#dff0ff;text-shadow:0 0 8px #000000e6;font:700 22px/1 Consolas,monospace}#ammo-wrap{text-align:right;position:absolute;bottom:18px;right:18px}#weapon-name{color:#8fb4d0;letter-spacing:.1em;font-size:12px}#ammo{color:#dff0ff;text-shadow:0 0 8px #000000e6;font:700 26px/1.1 Consolas,monospace}#ammo.reloading{color:#ffd166;font-size:18px}#killfeed{flex-direction:column;gap:4px;font-size:13px;display:flex;position:absolute;top:12px;left:12px}#killfeed div{background:#050c1499;border:1px solid #5aaae633;border-radius:3px;padding:4px 10px;transition:opacity .6s}#killfeed div.fade{opacity:0}#killfeed .hs{color:#ff6a55;font-weight:700}#banner{letter-spacing:.3em;color:#a8d8ff;text-shadow:0 0 24px #50aaffb3;text-align:center;opacity:0;font-size:34px;font-weight:300;transition:opacity .25s;position:absolute;top:26%;left:50%;transform:translate(-50%)}#banner small{letter-spacing:.1em;color:#8fb4d0;margin-top:8px;font-size:14px;display:block}#banner.show{opacity:1}#scoreboard{background:#040a12e0;border:1px solid #5aaae659;border-radius:6px;padding:18px 22px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scoreboard.show{display:block}#scoreboard table{border-collapse:collapse;font:14px/1.9 Consolas,monospace}#scoreboard th,#scoreboard td{text-align:left;padding:0 14px}#scoreboard th{color:#5f85a5;font-size:12px}#scoreboard tr.t td{color:#ffb35c}#scoreboard tr.ct td{color:#6fb2ff}#scoreboard tr.me td{background:#5aaae61f}#scoreboard tr.dead td{opacity:.5}#scope-overlay{background:radial-gradient(circle,#0000 32vmin,#000000f7 33.5vmin);display:none;position:absolute;inset:0}#scope-overlay.show{display:block}#scope-overlay i{background:#000000d9;position:absolute}#scope-overlay .h{height:1px;top:50%;left:0;right:0}#scope-overlay .v{width:1px;top:0;bottom:0;left:50%}#dmg-vignette{opacity:0;background:radial-gradient(#0000 45%,#c8140a73 100%);position:absolute;inset:0}#dmg-vignette.show{animation:.4s ease-out dmgflash}@keyframes dmgflash{0%{opacity:1}to{opacity:0}}#death-overlay{text-align:center;letter-spacing:.3em;color:#ff8a70;text-shadow:0 0 20px #ff3c1e80;font-size:28px;font-weight:300;display:none;position:absolute;top:40%;left:50%;transform:translate(-50%)}#death-overlay small{letter-spacing:.1em;color:#b09080;margin-top:10px;font-size:13px;display:block}#death-overlay.show{display:block}#overlay{z-index:20;background:radial-gradient(#0a1420e0,#020408f7);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#overlay.hidden{opacity:0;pointer-events:none}#overlay-card{text-align:center;background:#08101a99;border:1px solid #64beff40;border-radius:10px;min-width:420px;padding:40px 64px;box-shadow:inset 0 0 60px #2882dc26}#overlay-card h1{letter-spacing:.35em;color:#a8d8ff;text-shadow:0 0 24px #50aaff99;margin:0 0 12px;font-size:28px;font-weight:300}#overlay-card p{color:#9fb8cc;margin:8px 0;font-size:14px}#overlay-card .keys{color:#5f7a8f;letter-spacing:.08em;margin-top:18px;font-size:12px;line-height:1.8}#join-form{justify-content:center;gap:10px;margin:16px 0 4px;display:flex}#join-form.hidden,#lobby.hidden{display:none}#name-input{color:#dff0ff;background:#0a1624e6;border:1px solid #64beff59;border-radius:5px;outline:none;width:200px;padding:9px 14px;font-size:16px}#name-input:focus{border-color:#8cd2ffb3}#join-btn{color:#dff0ff;cursor:pointer;background:#2878c859;border:1px solid #64beff80;border-radius:5px;padding:9px 22px;font-size:16px}#join-btn:hover{background:#3c96e673}#join-error{min-height:18px;color:#ff8a70!important;font-size:13px!important}#lobby .addr{color:#7fa8c8;font-size:13px}#lobby .addr b{color:#a8d8ff;-webkit-user-select:all;user-select:all}#lobby-players{justify-content:center;gap:18px;margin-top:8px;font-size:13px;display:flex}#lobby-players .team{min-width:120px}#lobby-players .team h3{letter-spacing:.2em;margin:0 0 6px;font-size:13px}#lobby-players .team.t h3{color:#ffb35c}#lobby-players .team.ct h3{color:#6fb2ff}#lobby-players .team div{color:#b8cfe2;line-height:1.7}#sens-row{color:#8fb4d0;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}#sens-slider{accent-color:#4a9adf;width:160px}#sens-val{color:#dff0ff;min-width:36px;font-family:Consolas,monospace}#sens-row .sens-tip{color:#5f7a8f;font-size:12px}