.lobby{height:100%;display:flex;flex-direction:column;padding:16px;position:relative;z-index:1;overflow-y:auto}.lobby-header{text-align:center;padding:16px 0 24px}.lobby-title{font-size:28px;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,240,255,.5);margin-bottom:8px}.lobby-profile{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding:12px 20px;background:var(--panel-bg);border:1px solid rgba(0,240,255,.2);border-radius:var(--border-radius);font-size:13px}.lobby-profile .credits{color:var(--neon-yellow);font-weight:700;text-shadow:0 0 6px rgba(255,230,0,.4)}.lobby-profile .weapon{color:var(--neon-green)}.lobby-section-title{font-size:18px;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,240,255,.3);text-align:center;margin:24px 0 16px;letter-spacing:2px}.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding-bottom:16px}.mission-card{background:var(--panel-bg);border:1px solid rgba(0,240,255,.25);border-radius:var(--border-radius);padding:16px;cursor:pointer;transition:all .2s;animation:slide-up .3s ease-out both}.mission-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 16px #00f0ff40;transform:translateY(-2px)}.mission-card .name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.mission-card .meta{display:flex;justify-content:space-between;font-size:12px;color:#f0f0f08c}.mission-card .stars{color:var(--neon-yellow);letter-spacing:2px}.mission-card .players-count{color:var(--neon-green)}.lobby-nav{display:flex;gap:12px;justify-content:center;margin-top:auto;padding:16px 0;flex-wrap:wrap}.mission-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px;padding:24px;position:relative;z-index:1}.mission-waiting h1{font-size:24px;color:var(--neon-cyan);text-shadow:0 0 16px rgba(0,240,255,.5)}.mission-waiting .info-panel{background:var(--panel-bg);border:1px solid rgba(0,240,255,.2);border-radius:var(--border-radius);padding:20px 32px;text-align:center}.mission-waiting .player-list{list-style:none;padding:0;margin:16px 0}.mission-waiting .player-list li{padding:6px 0;color:var(--neon-green);font-size:14px;text-shadow:0 0 6px rgba(57,255,20,.3)}.mission-waiting .status{font-size:14px;color:#f0f0f080;animation:pulse-glow 1.5s infinite}.pulse-ring{width:60px;height:60px;border:2px solid var(--neon-cyan);border-radius:50%;animation:pulse-ring-anim 2s ease-out infinite}@keyframes pulse-ring-anim{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.weapon-shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease-out}.weapon-shop{background:var(--panel-bg);border:1px solid var(--neon-cyan);border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 0 30px #00f0ff33}.weapon-shop h2{text-align:center;font-size:22px;color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,240,255,.5);margin-bottom:20px}.weapon-grid{display:flex;flex-direction:column;gap:12px}.weapon-card{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);background:#16162a99;transition:all .2s}.weapon-card:hover{border-color:#00f0ff66}.weapon-card.equipped{border-color:var(--neon-green);box-shadow:0 0 10px #39ff1433}.weapon-card .weapon-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.weapon-card .weapon-info{flex:1;min-width:0}.weapon-card .weapon-name{font-size:14px;font-weight:700;margin-bottom:4px}.weapon-card .weapon-stats{display:flex;gap:12px;font-size:10px;color:#f0f0f080}.weapon-card .weapon-actions{display:flex;gap:8px;flex-shrink:0}.weapon-shop .close-btn{display:block;margin:20px auto 0}.skin-shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease-out}.skin-shop{background:var(--panel-bg);border:1px solid var(--neon-pink);border-radius:12px;padding:24px;max-width:450px;width:90%;box-shadow:0 0 30px #ff297533}.skin-shop h2{text-align:center;font-size:22px;color:var(--neon-pink);text-shadow:0 0 12px rgba(255,41,117,.5);margin-bottom:20px}.skin-slot{margin-bottom:16px}.skin-slot-label{font-size:13px;color:#f0f0f099;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.skin-options{display:flex;gap:8px}.skin-option{width:44px;height:44px;border-radius:8px;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--text)}.skin-option:hover{border-color:#ff297580}.skin-option.selected{border-color:var(--neon-pink);box-shadow:0 0 10px #ff297566}.skin-preview{display:flex;justify-content:center;padding:20px;margin-bottom:16px}.skin-avatar{width:80px;height:80px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.skin-shop .close-btn{display:block;margin:20px auto 0}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-family:Orbitron,monospace}.hud>*{pointer-events:auto}.hud-health{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:8px}.hud-health-bar{width:180px;height:12px;background:#0009;border:1px solid var(--neon-cyan);border-radius:6px;overflow:hidden}.hud-health-fill{height:100%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);transition:width .2s ease-out}.hud-health-text{font-size:12px;color:var(--neon-cyan);text-shadow:0 0 6px rgba(0,240,255,.5);min-width:40px}.hud-wave{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,240,255,.5);background:#00000080;padding:6px 20px;border-radius:20px;border:1px solid rgba(0,240,255,.2)}.hud-stats{position:absolute;top:12px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px}.hud-kills{color:var(--neon-red);text-shadow:0 0 6px rgba(255,0,51,.4)}.hud-credits{color:var(--neon-yellow);text-shadow:0 0 6px rgba(255,230,0,.4)}.hud-weapon{position:absolute;bottom:20px;right:20px;font-size:12px;color:var(--text);background:#00000080;padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.hud-teammates{position:absolute;top:50px;left:16px;display:flex;flex-direction:column;gap:6px}.hud-teammate{display:flex;align-items:center;gap:6px;font-size:10px}.hud-teammate-bar{width:60px;height:6px;background:#00000080;border-radius:3px;overflow:hidden}.hud-teammate-fill{height:100%;background:var(--neon-green);transition:width .2s}.hud-wave-announce{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 30px rgba(0,240,255,.6),0 0 60px rgba(0,240,255,.3);animation:wave-announce 2s ease-out forwards;pointer-events:none}@keyframes wave-announce{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-50%) scale(1.1);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.hud-minimap{position:absolute;bottom:50px;left:20px;border:1px solid rgba(0,240,255,.3);border-radius:4px;opacity:.8}:root{--neon-cyan: #00f0ff;--neon-pink: #ff2975;--neon-green: #39ff14;--neon-orange: #ff6f00;--neon-purple: #bf00ff;--neon-red: #ff0033;--neon-yellow: #ffe600;--bg-dark: #0a0a12;--bg-light: #16162a;--text: #f0f0f0;--panel-bg: rgba(10, 10, 26, .95);--border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);color:var(--text);font-family:Orbitron,monospace,system-ui}button{font-family:Orbitron,monospace,system-ui;cursor:pointer;border:none;outline:none}.neon-text{text-shadow:0 0 7px var(--neon-cyan),0 0 14px var(--neon-cyan)}.neon-text-pink{text-shadow:0 0 7px var(--neon-pink),0 0 14px var(--neon-pink)}.neon-border{border:1px solid var(--neon-cyan);box-shadow:0 0 8px #00f0ff4d,inset 0 0 8px #00f0ff1a}.neon-btn{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:10px 24px;border-radius:var(--border-radius);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .2s}.neon-btn:hover{background:#00f0ff1a;box-shadow:0 0 16px #00f0ff66;text-shadow:0 0 8px var(--neon-cyan)}.neon-btn:disabled{opacity:.3;cursor:not-allowed}.neon-btn.pink{border-color:var(--neon-pink);color:var(--neon-pink)}.neon-btn.pink:hover{background:#ff29751a;box-shadow:0 0 16px #ff297566}.neon-btn.green{border-color:var(--neon-green);color:var(--neon-green)}.neon-btn.green:hover{background:#39ff141a;box-shadow:0 0 16px #39ff1466}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 7px var(--neon-cyan),0 0 14px var(--neon-cyan),0 0 21px var(--neon-cyan)}20%,24%,55%{text-shadow:none}}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.connecting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px}.connecting-screen h1{font-size:32px;color:var(--neon-cyan);animation:neon-flicker 3s infinite}.connecting-screen .loader{width:48px;height:48px;border:3px solid rgba(0,240,255,.2);border-top:3px solid var(--neon-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:0}