.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:flex-start;height:100%;min-height:100dvh;gap:24px;overflow-y:auto;padding:calc(clamp(20px,5vh,48px) + var(--safe-top)) calc(16px + var(--safe-right)) calc(136px + var(--safe-bottom)) calc(16px + var(--safe-left));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:24px 28px;text-align:center;width:min(100%,640px);box-shadow:0 0 24px #00f0ff14}.mission-waiting-label{font-size:12px;color:#f0f0f080;margin-bottom:10px;letter-spacing:.18em}.mission-waiting-copy{color:#f0f0f0b8;font-size:13px;line-height:1.6;margin:0 auto 18px;max-width:460px}.mission-waiting-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.mission-waiting-summary span{border:1px solid rgba(0,240,255,.16);background:#00f0ff0f;border-radius:var(--border-radius);color:#f0f0f0b8;font-size:12px;padding:10px 12px;text-transform:uppercase;letter-spacing:.08em}.mission-waiting-summary .ready-now{border-color:#39ff144d;color:var(--neon-green);text-shadow:0 0 8px rgba(57,255,20,.25)}.mission-waiting .player-list{list-style:none;padding:0 4px 0 0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px;max-height:min(40vh,320px);overflow-y:auto}.mission-waiting .player-list li{padding:12px 14px;color:var(--neon-green);font-size:14px;text-shadow:0 0 6px rgba(57,255,20,.3);border:1px solid rgba(0,240,255,.14);border-radius:var(--border-radius);background:#ffffff05;display:flex;align-items:center;justify-content:space-between;gap:16px}.mission-waiting .player-list li.is-pending{color:#f0f0f0cc;text-shadow:none}.mission-waiting .player-list li.is-ready{border-color:#39ff1438;background:#39ff140f}.mission-waiting .player-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mission-waiting .player-name strong{color:var(--neon-cyan);font-size:11px;letter-spacing:.12em}.mission-waiting .player-name em{color:var(--neon-yellow);font-size:11px;font-style:normal;letter-spacing:.12em}.mission-waiting .player-status{font-size:11px;letter-spacing:.14em}.mission-waiting .player-list-empty{color:#f0f0f066;justify-content:center}.mission-waiting .status{font-size:14px;color:#f0f0f080;animation:pulse-glow 1.5s infinite;min-height:20px}.pulse-ring{width:60px;height:60px;border:2px solid var(--neon-cyan);border-radius:50%;animation:pulse-ring-anim 2s ease-out infinite}.mission-actions{position:fixed;left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid rgba(0,240,255,.16);border-radius:18px;background:linear-gradient(180deg,#0a0a12c2,#0a0a12f2);box-shadow:0 18px 40px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:4}.mission-actions .neon-btn{width:100%;min-height:54px}@keyframes pulse-ring-anim{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}@media(max-width:640px){.mission-waiting{gap:18px;padding-top:24px}.mission-waiting .info-panel{padding:18px 16px}.mission-waiting-summary{grid-template-columns:1fr}.mission-waiting .player-list li{align-items:flex-start;flex-direction:column}.mission-actions{width:min(calc(100vw - 20px),640px);padding:12px}.mission-actions .neon-btn{min-height:52px}}@media(max-width:480px),(max-height:720px){.mission-actions{grid-template-columns:1fr}.mission-waiting h1{font-size:20px}.mission-waiting .player-list{max-height:min(34vh,260px)}}.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}.game-canvas-shell{position:fixed;top:0;right:0;bottom:0;left:0}.game-canvas-shell canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:none;touch-action:none}.mobile-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12;opacity:0;transition:opacity .16s ease-out}.mobile-controls[data-visible=true]{opacity:1}.mobile-stick{position:absolute;width:112px;height:112px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,240,255,.22);background:radial-gradient(circle at 50% 50%,#00f0ff1a,#00f0ff08 48%,#0000003d),linear-gradient(145deg,#ffffff0a,#fff0);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 16px #00f0ff1a;opacity:.72;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .14s ease-out,box-shadow .14s ease-out,border-color .14s ease-out}.mobile-stick:before,.mobile-stick:after{content:"";position:absolute;pointer-events:none}.mobile-stick:before{top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:1px solid rgba(255,255,255,.06)}.mobile-stick:after{left:50%;top:50%;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;opacity:.28}.mobile-stick[data-active=true]{opacity:1}.mobile-stick--move[data-active=false],.mobile-stick--aim[data-active=false]{opacity:0}.mobile-stick--move{color:#00f0ff}.mobile-stick--move[data-active=true]{border-color:#00f0ff70;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 22px #00f0ff3d}.mobile-stick--aim{color:#ff2975;border-color:#ff297538;background:radial-gradient(circle at 50% 50%,#ff29751f,#ff29750a 48%,#0000003d),linear-gradient(145deg,#ffffff0a,#fff0);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 16px #ff29751f}.mobile-stick--aim[data-active=true]{border-color:#ff297570;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 22px #ff29753d}.mobile-stick__thumb{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;transform:translate(-50%,-50%);background:#ffffff1f;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 14px #0000002e,inset 0 0 14px #ffffff0f;transition:background .14s ease-out,box-shadow .14s ease-out,border-color .14s ease-out}.mobile-stick--move .mobile-stick__thumb{background:radial-gradient(circle at 35% 35%,#00f0ff6b,#00f0ff24);border-color:#00f0ff6b;box-shadow:0 0 16px #00f0ff33,inset 0 0 12px #ffffff14}.mobile-stick--aim .mobile-stick__thumb{background:radial-gradient(circle at 35% 35%,#ff297573,#ff297529);border-color:#ff29756b;box-shadow:0 0 16px #ff297533,inset 0 0 12px #ffffff14}@media(max-width:520px){.mobile-stick{width:100px;height:100px}.mobile-stick__thumb{width:38px;height:38px}}@media(hover:hover)and (pointer:fine){.mobile-controls{display:none}}.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-top-left,.hud-top-right,.hud-bottom-right{position:absolute;display:flex;flex-direction:column}.hud-top-left{top:12px;left:16px;align-items:flex-start;gap:10px}.hud-top-right{top:56px;right:16px;align-items:flex-end}.hud-bottom-right{right:20px;bottom:20px;align-items:flex-end;gap:10px}.hud-hit-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at center,#f030 40%,#ff003324,#f036);transition:opacity .18s ease-out;pointer-events:none}.hud-hit-flash.is-visible{opacity:1}.hud-health{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:8px}.hud-health-bar{width:240px;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%);max-width:min(56vw,420px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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-status-panel,.hud-stats,.hud-weapon,.hud-teammates{border-radius:10px;border:1px solid rgba(0,240,255,.16);background:#050812b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 18px #00f0ff14}.hud-status-panel{display:flex;flex-direction:column;gap:4px;min-width:96px;padding:8px 10px}.hud-status-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px}.hud-status-key{color:#f0f0f094;letter-spacing:.08em}.hud-status-value{color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.4)}.hud-stats{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;padding:8px 10px}.hud-kills{color:var(--neon-red);text-shadow:0 0 6px rgba(255,0,51,.4)}.hud-threat{color:var(--neon-yellow);text-shadow:0 0 6px rgba(255,230,0,.35)}.hud-credits{color:var(--neon-yellow);text-shadow:0 0 6px rgba(255,230,0,.4)}.hud-weapon{font-size:12px;color:var(--text);padding:6px 14px}.hud-teammates{display:flex;flex-direction:column;gap:6px;width:min(200px,28vw);padding:8px 10px}.hud-teammate{display:flex;align-items:center;gap:6px;font-size:10px;min-width:0}.hud-teammate>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{display:block;width:clamp(156px,18vw,220px);height:auto;border:1px solid rgba(0,240,255,.3);border-radius:8px;background:#050812b3;box-shadow:0 0 18px #00f0ff1f;opacity:.88;image-rendering:pixelated}@media(max-width:900px),(pointer:coarse){.hud-top-left{top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));gap:8px}.hud-top-right{top:calc(var(--safe-top) + 56px);right:calc(12px + var(--safe-right))}.hud-bottom-right{right:calc(12px + var(--safe-right));bottom:calc(118px + var(--safe-bottom));gap:8px}.hud-minimap{width:clamp(108px,30vw,136px)}.hud-health{left:50%;bottom:calc(104px + var(--safe-bottom));transform:translate(-50%)}.hud-health-bar{width:min(50vw,208px)}.hud-status-panel{min-width:88px;padding:7px 9px}.hud-status-line{font-size:11px}.hud-wave{top:calc(8px + var(--safe-top));max-width:calc(100vw - 156px);font-size:13px;padding:6px 14px}.hud-stats{align-items:flex-start;width:min(156px,40vw);font-size:11px;padding:7px 9px}.hud-teammates{width:min(132px,34vw);padding:7px 8px}.hud-teammate{gap:4px}.hud-teammate-bar{width:52px}.hud-weapon{width:min(156px,40vw);padding:7px 10px;text-align:left}.hud-wave-announce{width:min(82vw,320px);text-align:center;font-size:26px}}@media(max-width:420px){.hud-wave{max-width:calc(100vw - 144px);font-size:12px}.hud-minimap{width:clamp(96px,28vw,120px)}.hud-stats,.hud-weapon{width:min(144px,42vw)}}: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;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100dvh;min-height:100dvh;overflow:hidden;background:var(--bg-dark);color:var(--text);font-family:Orbitron,monospace,system-ui}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:auto}body{width:100vw;min-height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{position:relative;isolation:isolate}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}