:root{--yellow: #ffd166;--cyan: #4cc9f0;--red: #ff4d6d;--green: #8ef58a;--ink: #10141f}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#05070d;font-family:Trebuchet MS,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#fff;-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hidden{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#182036eb,#05070df7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{width:min(560px,92vw);padding:28px 30px 24px;text-align:center;background:#10141fd1;border:3px solid rgba(255,209,102,.85);border-radius:18px;box-shadow:0 18px 60px #0009}.logo{font-size:46px;letter-spacing:4px;line-height:1;color:var(--yellow);text-shadow:4px 4px 0 #000,0 0 24px rgba(255,209,102,.35)}.logo span{display:block;font-size:22px;letter-spacing:12px;color:var(--cyan);text-shadow:3px 3px 0 #000}.sub{margin:14px 0 18px;color:#b9c4dd;font-size:15px}h2{font-size:30px;color:var(--yellow);text-shadow:3px 3px 0 #000;margin-bottom:14px}.dead-title{color:var(--red)}.keys{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;margin:6px 0 18px;font-size:13.5px;color:#cfd8ec;text-align:left}kbd{display:inline-block;min-width:26px;padding:2px 7px;margin-right:6px;background:#232a3d;border:2px solid #3d4a68;border-bottom-width:4px;border-radius:6px;font-family:inherit;font-size:12.5px;color:#fff}.settings{display:flex;flex-direction:column;gap:10px;margin:4px 0 18px}.settings label{display:flex;align-items:center;gap:10px;font-size:13px;color:#cfd8ec}.settings input[type=range]{flex:1;accent-color:var(--yellow)}.settings b{min-width:46px;text-align:right;color:var(--yellow)}.big-btn{width:100%;padding:14px;margin-top:4px;font-size:20px;font-family:inherit;font-weight:700;letter-spacing:2px;color:#1a1400;background:var(--yellow);border:none;border-bottom:5px solid #b58b23;border-radius:12px;cursor:pointer;transition:transform .08s,filter .15s}.big-btn:hover{filter:brightness(1.08)}.big-btn:active{transform:translateY(3px);border-bottom-width:2px}.ghost-btn{width:100%;padding:10px;margin-top:10px;font-size:14px;font-family:inherit;color:#cfd8ec;background:transparent;border:2px solid #46557a;border-radius:10px;cursor:pointer}.ghost-btn:hover{border-color:var(--cyan);color:#fff}.tiny{margin-top:12px;font-size:12px;color:#7d8aa6}.result{display:flex;justify-content:center;gap:26px;margin:10px 0 20px}.result div{min-width:84px}.result span{display:block;font-size:12px;color:#8b97b3}.result b{font-size:26px;color:var(--cyan);text-shadow:2px 2px 0 #000}.loadbar{width:100%;height:10px;margin-top:14px;background:#1b2233;border-radius:6px;overflow:hidden}#loadbar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--yellow));transition:width .25s}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}#crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#fff;box-shadow:0 0 3px #000000e6}.ch{transition:transform .07s ease-out}.ch-up,.ch-down{left:50%;width:2px;height:9px;margin-left:-1px}.ch-left,.ch-right{top:50%;height:2px;width:9px;margin-top:-1px}.ch-up{top:0}.ch-down{bottom:0}.ch-left{left:0}.ch-right{right:0}.ch-dot{left:50%;top:50%;width:2px;height:2px;margin:-1px 0 0 -1px;border-radius:50%}#crosshair.hit .ch{background:var(--red)}#hitmarker{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%) rotate(45deg);opacity:0}#hitmarker i{position:absolute;width:3px;height:10px;background:#fff}#hitmarker i:nth-child(1){left:0;top:0}#hitmarker i:nth-child(2){right:0;top:0}#hitmarker i:nth-child(3){left:0;bottom:0}#hitmarker i:nth-child(4){right:0;bottom:0}#hitmarker.show{animation:hm .22s ease-out}#hitmarker.kill i{background:var(--red);height:14px}@keyframes hm{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(.6)}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(1.25)}}#top-left{position:absolute;left:22px;top:18px}.stat-line{font-size:14px;color:#9fb0d0;letter-spacing:1px;text-shadow:2px 2px 0 #000}.stat-line b{color:var(--yellow);font-size:19px;margin-left:6px}#top-center{position:absolute;left:50%;top:16px;transform:translate(-50%);text-align:center}#wave-label{font-size:22px;font-weight:700;color:#fff;text-shadow:2px 2px 0 #000;letter-spacing:2px}#wave-sub{font-size:12.5px;color:var(--cyan);letter-spacing:1px}#wave-bar{width:220px;height:6px;margin:6px auto 0;background:#00000080;border-radius:4px;overflow:hidden}#wave-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--red),var(--yellow));transition:width .2s}#minimap-wrap{position:absolute;right:18px;top:18px;padding:8px 8px 4px;background:#080c169e;border:2px solid rgba(120,190,255,.35);border-radius:12px}#minimap{display:block;width:260px;height:180px;image-rendering:auto}#minimap-label{margin-top:2px;text-align:center;font-size:11px;color:#7f8fb0;letter-spacing:2px}#killfeed{position:absolute;right:18px;top:240px;text-align:right}.kf{margin-bottom:4px;font-size:13px;color:#dfe7f7;text-shadow:2px 2px 0 #000;animation:kfIn .25s ease-out}.kf b{color:var(--yellow)}@keyframes kfIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}#bottom-left{position:absolute;left:24px;bottom:26px}#health-row{display:flex;align-items:center;gap:10px}.hud-tag{font-size:13px;color:#9fb0d0;letter-spacing:3px;text-shadow:2px 2px 0 #000}#health-bar{position:relative;width:240px;height:20px;background:#060a12bf;border:2px solid #46557a;border-radius:6px;overflow:hidden}#health-ghost{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:#ff4d6d73;transition:width .45s ease-out}#health-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:linear-gradient(90deg,#ff6b81,#ffd166);transition:width .12s}#health-text{font-size:22px;font-weight:700;color:#fff;text-shadow:2px 2px 0 #000;min-width:46px}#bottom-right{position:absolute;right:26px;bottom:24px;text-align:right}#weapon-name{font-size:14px;color:var(--cyan);letter-spacing:3px;text-shadow:2px 2px 0 #000}#ammo{line-height:1}#ammo-mag{font-size:46px;font-weight:700;color:#fff;text-shadow:3px 3px 0 #000}#ammo.empty #ammo-mag{color:var(--red)}#ammo-reserve{font-size:18px;color:#9fb0d0;margin-left:6px;text-shadow:2px 2px 0 #000}#reload-hint{margin-top:4px;font-size:13px;color:var(--yellow);animation:blink .8s infinite}@keyframes blink{50%{opacity:.25}}#weapon-slots{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:10px}.slot{padding:5px 14px;font-size:12.5px;color:#8c9ab8;background:#080c1699;border:2px solid #3a4566;border-radius:8px}.slot.active{color:#1a1400;background:var(--yellow);border-color:#fff3c4;font-weight:700}.slot i{font-style:normal;opacity:.6;margin-right:6px}#crouch-hint{position:absolute;left:50%;bottom:78px;transform:translate(-50%);padding:7px 16px;font-size:14px;color:#1a1400;background:var(--yellow);border-radius:8px;box-shadow:0 4px 14px #00000080}#crouch-hint kbd{background:#fff3c4;border-color:#b58b23;color:#1a1400}#hurt-dirs{position:absolute;top:0;right:0;bottom:0;left:0}.hurt-dir{position:absolute;left:50%;top:50%;width:0;height:0}.hurt-dir span{position:absolute;left:-26px;top:-140px;width:52px;height:22px;background:radial-gradient(ellipse at bottom,#ff2846f2,#ff284600 70%);animation:hd .9s ease-out forwards}@keyframes hd{to{opacity:0}}#damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#ff002800 45%,#ff00288c);opacity:0;transition:opacity .25s}#low-hp{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 160px #ff00288c;opacity:0}#low-hp.on{animation:pulse 1.1s infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.75}}.logo.arc{font-size:56px;letter-spacing:5px}.logo.arc span{display:block;font-size:24px;letter-spacing:16px;color:#fff;text-shadow:3px 3px 0 #000,0 0 18px rgba(255,209,102,.25)}body.deploying #overlay.screen{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}body.deploying #game{cursor:crosshair}.deploy-card{position:absolute;left:22px;top:50%;transform:translateY(-50%);width:min(356px,92vw);margin:0;text-align:left;background:linear-gradient(180deg,#0d101ae0,#080b12d6);border-color:#ffd166bf;pointer-events:auto;max-height:calc(100vh - 40px);overflow:auto}.deploy-card .logo{text-align:left}.deploy-card .sub{margin:12px 0 14px}.spawn-block{margin:4px 0 16px;padding:12px;background:#0000004d;border:1px solid #2b3550;border-radius:12px}.spawn-title{display:flex;align-items:center;gap:10px}.spawn-title b{color:#fff;font-size:15px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{flex:none;padding:2px 8px;background:var(--yellow);color:#1a1400;font-weight:700;border-radius:4px;font-size:11px;letter-spacing:2px}.spawn-pick{display:flex;align-items:center;gap:8px;margin-top:12px}.sp-btn{width:46px;height:46px;font-size:26px;line-height:1;color:#1a1400;background:var(--yellow);border:none;border-bottom:4px solid #b58b23;border-radius:10px;cursor:pointer}.sp-btn:hover{filter:brightness(1.08)}.sp-btn:active{transform:translateY(2px);border-bottom-width:2px}.spawn-mid{flex:1;text-align:center}.spawn-mid b{display:block;font-size:28px;color:var(--cyan);text-shadow:2px 2px 0 #000}.spawn-mid span{font-size:11px;color:#74829f;letter-spacing:1px}.sp-ghost{width:100%;margin-top:9px;padding:7px;font-size:12.5px;color:#cfd8ec;background:transparent;border:2px solid #3c4a6e;border-radius:8px;cursor:pointer}.sp-ghost:hover{border-color:var(--cyan);color:#fff}.deploy-card .tiny{line-height:1.8;text-align:left}.deploy-card .tiny kbd{color:#fff}