*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Rajdhani,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif}body,html{color:#fff;background-color:#050811;width:100%;height:100%;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#damage-overlay{z-index:10;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .15s ease-out;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #ff0032cc,inset 0 0 180px #ff003280}#crosshair-container{pointer-events:none;z-index:20;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair{width:30px;height:30px;transition:width .1s,height .1s;position:relative}#crosshair.spread{width:48px;height:48px}.crosshair-line{background-color:#00ffffd9;position:absolute;box-shadow:0 0 6px #0ff}.crosshair-line.top{width:2px;height:8px;top:0;left:50%;transform:translate(-50%)}.crosshair-line.bottom{width:2px;height:8px;bottom:0;left:50%;transform:translate(-50%)}.crosshair-line.left{width:8px;height:2px;top:50%;left:0;transform:translateY(-50%)}.crosshair-line.right{width:8px;height:2px;top:50%;right:0;transform:translateY(-50%)}.crosshair-dot{background-color:#0ff;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hitmarker{pointer-events:none;opacity:0;z-index:21;width:20px;height:20px;transition:opacity 80ms,transform 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hitmarker:before,#hitmarker:after{content:"";background-color:#f04;width:2px;height:20px;position:absolute;top:0;left:9px;box-shadow:0 0 6px #f04}#hitmarker:before{transform:rotate(45deg)}#hitmarker:after{transform:rotate(-45deg)}#hud{z-index:15;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}.top-hud{justify-content:space-between;align-items:flex-start;display:flex}.game-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a101ccc;border:1px solid #0ff6;border-radius:6px;gap:24px;padding:12px 24px;display:flex}.stat-box{flex-direction:column;display:flex}.stat-label{letter-spacing:2px;color:#0ff;font-size:11px;font-weight:700}.stat-val{letter-spacing:1px;color:#fff;font-size:24px;font-weight:900}.radar-box{background:#0a101ccc;border:1px solid #0ff6;border-radius:50%;padding:6px;box-shadow:0 0 15px #0ff3}#radar-canvas{width:130px;height:130px;display:block}.bottom-hud{justify-content:space-between;align-items:flex-end;display:flex}.player-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a101cd9;border-left:4px solid #0ff;border-radius:4px;width:320px;padding:16px}.bar-wrapper{margin-bottom:10px}.bar-header{justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.hp-label{color:#0f8}.shield-label{color:#00bfff}.bar-bg{background:#ffffff1a;border-radius:2px;width:100%;height:10px;overflow:hidden}#hp-bar{background:linear-gradient(90deg,#0b6,#0f8);width:100%;height:100%;transition:width .15s;box-shadow:0 0 10px #00ff8880}#shield-bar{background:linear-gradient(90deg,#08c,#00d5ff);width:100%;height:100%;transition:width .15s;box-shadow:0 0 10px #00d5ff80}.weapon-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:right;background:#0a101cd9;border-right:4px solid #fa0;border-radius:4px;min-width:260px;padding:16px 24px}#weapon-name{letter-spacing:2px;color:#fa0;margin-bottom:4px;font-size:14px;font-weight:800}.ammo-display{justify-content:flex-end;align-items:baseline;gap:6px;display:flex}#ammo-cur{color:#fff;font-size:38px;font-weight:900}#ammo-max{color:#89a;font-size:18px;font-weight:600}#reload-status{color:#f25;letter-spacing:2px;font-size:12px;font-weight:800;animation:.5s infinite alternate blink;display:none}@keyframes blink{0%{opacity:.3}to{opacity:1}}.weapon-slots{justify-content:center;gap:12px;margin-bottom:6px;display:flex}.slot{color:#89a;background:#0a101cb3;border:1px solid #fff3;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:700}.slot.active{color:#fa0;border-color:#fa0;box-shadow:0 0 8px #fa06}.modal-screen{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;text-align:center;background:#050811e0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}.modal-title{letter-spacing:4px;text-shadow:0 0 20px #0ff9;background:linear-gradient(135deg,#0ff,#08f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:52px;font-weight:900}.modal-desc{color:#abc;max-width:600px;margin-bottom:28px;font-size:16px;line-height:1.6}.key-guide{text-align:left;background:#101828b3;border:1px solid #00ffff4d;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:12px 32px;margin-bottom:32px;padding:16px 28px;display:grid}.key-row{align-items:center;gap:12px;display:flex}.key-badge{color:#0ff;text-align:center;background:#1e283c;border:1px solid #0ff;border-radius:4px;min-width:65px;padding:3px 8px;font-size:12px;font-weight:800}.key-name{color:#def;font-size:14px}.action-btn{color:#050811;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#0ff,#08f);border:none;border-radius:6px;padding:16px 48px;font-size:20px;font-weight:900;transition:transform .15s,box-shadow .15s;box-shadow:0 0 25px #00ffff80}.action-btn:hover{transform:scale(1.05);box-shadow:0 0 35px #0ffc}.github-link{letter-spacing:1px;color:#7f97b2;border:1px solid #00ffff2e;border-radius:6px;align-items:center;gap:8px;margin-top:22px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.github-link:hover,.github-link:focus-visible{color:#0ff;border-color:#0ff9}