*{box-sizing:border-box;margin:0;padding:0}html,body,#app{color:#e8f4f2;user-select:none;background:#0a1216;width:100%;height:100%;font-family:Rajdhani,system-ui,sans-serif;overflow:hidden}#app{position:relative}#app canvas{display:block;width:100%!important;height:100%!important}#main-menu{z-index:40;place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0}#main-menu.hidden{opacity:0;visibility:hidden;pointer-events:none}.menu-bg{background:radial-gradient(80% 60% at 70% 40%,#3ee0c52e,#0000 55%),radial-gradient(60% 50% at 20% 80%,#f5a6231f,#0000 50%),linear-gradient(165deg,#0d1c22 0%,#1a3a42 45%,#2a4a3a 100%);position:absolute;inset:0}.menu-bg:after{content:"";background:repeating-linear-gradient(-12deg,#0000,#0000 80px,#3ee0c508 80px 81px);animation:28s linear infinite menuDrift;position:absolute;inset:0}@keyframes menuDrift{0%{transform:translate(0)}to{transform:translate(-120px)}}.menu-content{text-align:center;max-width:640px;padding:2rem;position:relative}.menu-eyebrow{letter-spacing:.45em;color:#3ee0c5;margin-bottom:.75rem;font-family:Orbitron,sans-serif;font-size:.75rem;animation:.8s both fadeUp}.menu-title{letter-spacing:.08em;background:linear-gradient(#f5faf8 10%,#3ee0c5 55%,#f5a623 100%);color:#0000;filter:drop-shadow(0 8px 32px #3ee0c559);background-clip:text;font-family:Orbitron,sans-serif;font-size:clamp(3.5rem,12vw,6.5rem);font-weight:800;line-height:.95;animation:.9s 50ms both fadeUp}.menu-tag{letter-spacing:.04em;color:#dcf0ebc7;max-width:28rem;margin:1.25rem auto 2rem;font-size:1.15rem;font-weight:500;animation:1s .1s both fadeUp}.menu-cta{letter-spacing:.28em;color:#f5faf8;cursor:pointer;background:linear-gradient(#3ee0c533,#3ee0c50d);border:1px solid #3ee0c58c;padding:1rem 2.75rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;animation:1.1s .15s both fadeUp,2.4s ease-in-out 1.5s infinite ctaPulse}.menu-cta:hover{background:linear-gradient(#3ee0c559,#f5a6231f);transform:translateY(-2px)scale(1.02);box-shadow:0 0 40px #3ee0c559}@keyframes ctaPulse{0%,to{box-shadow:0 0 #3ee0c500}50%{box-shadow:0 0 28px #3ee0c547}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.menu-controls{letter-spacing:.06em;color:#b4d2cd8c;flex-wrap:wrap;justify-content:center;gap:.65rem 1.25rem;margin-top:2.5rem;font-size:.85rem;animation:1.2s .2s both fadeUp;display:flex}#hud{z-index:20;pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0}.hud-wave{letter-spacing:.35em;color:#3ee0c5e6;text-shadow:0 0 12px #3ee0c580;font-family:Orbitron,sans-serif;font-size:.8rem;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.hud-killfeed{text-align:right;letter-spacing:.12em;color:#f5a623;font-family:Orbitron,sans-serif;font-size:.7rem;position:absolute;top:3.5rem;right:1.5rem}.kill-row{text-shadow:0 0 8px #f5a62380;margin-bottom:.35rem;animation:.25s both fadeUp}.hud-reticle{width:28px;height:28px;transition:transform 80ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-reticle .r-h,.hud-reticle .r-v{background:#f5faf8d9;position:absolute;box-shadow:0 0 6px #3ee0c566}.hud-reticle .r-h{width:10px;height:2px;margin-top:-1px;top:50%}.hud-reticle .r-h:first-child{left:0}.hud-reticle .r-v{width:2px;height:10px;margin-left:-1px;left:50%}.hud-reticle:before,.hud-reticle:after{content:"";background:#f5faf8d9;position:absolute;box-shadow:0 0 6px #3ee0c566}.hud-reticle:before{width:10px;height:2px;margin-top:-1px;top:50%;right:0}.hud-reticle:after{width:2px;height:10px;margin-left:-1px;bottom:0;left:50%}.hud-reticle .r-dot{background:#3ee0c5;border-radius:1px;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%}.hud-reticle.ads{opacity:.55}.hud-hitmarker{opacity:0;border:2px solid #0000;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)scale(.6)}.hud-hitmarker.show{animation:.22s ease-out hitmarker}@keyframes hitmarker{0%{opacity:0;border-color:#f5a623;transform:translate(-50%,-50%)rotate(45deg)scale(.4)}40%{opacity:1;border-color:#fff}to{opacity:0;border-color:#f5a623;transform:translate(-50%,-50%)rotate(45deg)scale(1.1)}}.hud-damage-flash{opacity:0;background:radial-gradient(#0000 40%,#b41e1e59 100%);position:absolute;inset:0}.hud-damage-flash.show{animation:.35s ease-out dmgFlash}@keyframes dmgFlash{0%{opacity:.85}to{opacity:0}}.hud-damage-dirs{width:0;height:0;position:absolute;top:50%;left:50%}.dmg-dir{border-bottom:16px solid #f5503cd9;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;animation:.55s ease-out forwards dmgDir;position:absolute}@keyframes dmgDir{to{opacity:0}}.hud-bottom{justify-content:space-between;align-items:flex-end;padding:0 2rem;display:flex;position:absolute;bottom:1.75rem;left:0;right:0}.hud-vitals{width:min(280px,40vw)}.vital-label{letter-spacing:.28em;color:#b4dcd7a6;margin:.35rem 0 .2rem;font-family:Orbitron,sans-serif;font-size:.6rem}.shield-bar,.health-bar{background:#0a14188c;border:1px solid #3ee0c540;height:10px;overflow:hidden}.shield-fill{background:linear-gradient(90deg,#1e88c8,#4fc3f7 60%,#a0e8ff);width:100%;height:100%;transition:width .1s linear}.health-bar{border-color:#c8dcc840;height:8px}.health-fill{background:linear-gradient(90deg,#8a9a88,#e8f0e8);width:100%;height:100%;transition:width .1s linear}.hud-weapon{text-align:right}.weapon-name{letter-spacing:.2em;color:#f5a623;text-shadow:0 0 10px #f5a62366;font-family:Orbitron,sans-serif;font-size:.85rem}.weapon-ammo{letter-spacing:.08em;color:#f5faf8;font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700}@media (width<=640px){.menu-controls{font-size:.75rem}.hud-bottom{padding:0 1rem;bottom:1rem}.weapon-ammo{font-size:1.2rem}}