*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b0d10}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif;color:#e8ecf1;-webkit-user-select:none;user-select:none}.hud-top-left{position:absolute;top:14px;left:16px;display:flex;flex-direction:column;gap:4px}.hud-top-right{position:absolute;top:14px;right:16px;text-align:right;display:flex;flex-direction:column;gap:4px}.hud-line{font-size:14px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-line b{color:#ffd76a;font-size:16px}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000c}#crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#hitmarker{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .15s}#hitmarker:before,#hitmarker:after{content:"";position:absolute;background:#f54}#hitmarker:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#hitmarker:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#hitmarker.show{opacity:1}#damage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(180,20,20,.55) 100%);opacity:0;transition:opacity .25s}#damage-vignette.show{opacity:1}#kill-feed{position:absolute;left:16px;bottom:90px;display:flex;flex-direction:column;gap:2px}.kill-feed-item{font-size:13px;color:#cfd6dd;text-shadow:0 1px 2px rgba(0,0,0,.9);animation:feed-in .2s ease-out}@keyframes feed-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}#wave-banner{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:42px;font-weight:800;letter-spacing:3px;color:#ffd76a;text-shadow:0 2px 8px rgba(0,0,0,.9);opacity:0;transition:opacity .4s;white-space:nowrap}#wave-banner.show{opacity:1}#weapon-canvas{position:fixed;right:0;bottom:0;width:42vw;height:42vh;z-index:6;pointer-events:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 30%,#283c5a80,#080a0eeb),#0a0c10;font-family:Segoe UI,system-ui,sans-serif;color:#e8ecf1}.screen.hidden{display:none}.game-title{font-size:64px;font-weight:900;letter-spacing:6px;background:linear-gradient(180deg,#ffd76a,#ff9d3c 60%,#e05555);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 24px rgba(255,160,60,.25);margin-bottom:0}.game-subtitle{font-size:15px;letter-spacing:4px;color:#8fa3b8;margin-top:-14px;margin-bottom:10px}.screen h2{font-size:34px;font-weight:800;letter-spacing:2px}.btn{pointer-events:auto;min-width:220px;padding:14px 34px;font-size:17px;font-weight:700;letter-spacing:1px;color:#10131a;background:linear-gradient(180deg,#ffd76a,#ffab40);border:none;border-radius:6px;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 18px #ffaa3c59}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffaa3c80}.btn:active{transform:translateY(0)}.btn.secondary{background:linear-gradient(180deg,#3a4756,#2b3542);color:#dfe7ef;box-shadow:none}.controls-hint{display:grid;grid-template-columns:auto auto;gap:4px 18px;font-size:13px;color:#93a4b6;background:#0f131a99;border:1px solid rgba(120,140,160,.25);border-radius:8px;padding:14px 22px}.controls-hint b{color:#e8ecf1}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px 28px;background:#0f131aa6;border:1px solid rgba(120,140,160,.25);border-radius:10px;padding:20px 30px}.stats-grid .stat-label{font-size:12px;letter-spacing:1.5px;color:#8fa3b8}.stats-grid .stat-value{font-size:24px;font-weight:800;color:#ffd76a}#leaderboard-table{width:min(520px,86vw);border-collapse:collapse;font-size:14px}#leaderboard-table th,#leaderboard-table td{padding:7px 12px;text-align:left;border-bottom:1px solid rgba(120,140,160,.18)}#leaderboard-table th{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#8fa3b8}#leaderboard-table td.rank{color:#ffd76a;font-weight:700;width:40px}#leaderboard-table td.score{text-align:right;font-weight:700}#leaderboard-table tr.you td{color:#7ee787}.lb-status{font-size:13px;color:#8fa3b8}.name-input{pointer-events:auto;padding:12px 16px;font-size:16px;width:min(300px,70vw);color:#e8ecf1;background:#0a0d12cc;border:1px solid rgba(120,140,160,.4);border-radius:6px;outline:none}.name-input:focus{border-color:#ffd76a}input::placeholder{color:#5d6b7c}