.app[data-v-36c7f97f]{display:flex;flex-direction:column;height:100%}.nav-bar[data-v-dee343ee]{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fffffff2;box-shadow:0 2px 10px #0000001a;position:relative;z-index:10;flex-shrink:0}.nav-brand[data-v-dee343ee]{display:flex;align-items:center;gap:.5rem}.brand-icon[data-v-dee343ee]{font-size:1.5rem}.brand-text[data-v-dee343ee]{font-size:1.25rem;font-weight:700;color:#333}.brand-badge[data-v-dee343ee]{font-size:.7rem;font-weight:600;padding:.2rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.nav-links[data-v-dee343ee]{display:flex;align-items:center;gap:.75rem}.nav-divider[data-v-dee343ee]{width:1px;height:24px;background:#0000001a;margin:0 .25rem}.nav-btn[data-v-dee343ee]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-btn[data-v-dee343ee]:hover{background:#667eea1a;color:#667eea}.nav-btn.active[data-v-dee343ee]{background:#667eea;color:#fff}.nav-icon[data-v-dee343ee]{font-size:1rem}.nav-status[data-v-dee343ee]{display:flex;align-items:center;gap:.75rem}.lang-switch[data-v-dee343ee]{padding:.25rem .75rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:4px;color:#667eea;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-switch[data-v-dee343ee]:hover{background:#667eea33}.status-badge[data-v-dee343ee]{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;background:#fff3cd;color:#856404}.status-badge.connected[data-v-dee343ee]{background:#d4edda;color:#155724}@media (max-width: 1024px){.nav-bar[data-v-dee343ee]{padding:.75rem 1.5rem}.brand-text[data-v-dee343ee]{font-size:1.1rem}.nav-btn[data-v-dee343ee]{padding:.4rem .8rem;font-size:.85rem}.nav-icon[data-v-dee343ee]{font-size:.9rem}}@media (max-width: 768px){.nav-bar[data-v-dee343ee]{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.nav-brand[data-v-dee343ee]{order:1;flex:1;min-width:0}.brand-text[data-v-dee343ee]{font-size:1rem;display:none}.brand-badge[data-v-dee343ee]{font-size:.65rem;padding:.15rem .4rem}.nav-links[data-v-dee343ee]{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.nav-btn[data-v-dee343ee]{padding:.4rem .7rem;font-size:.8rem;flex:1;min-width:0;justify-content:center}.nav-btn span[data-v-dee343ee]:not(.nav-icon){display:none}.nav-divider[data-v-dee343ee]{display:none}.nav-status[data-v-dee343ee]{order:2;gap:.5rem}.status-badge[data-v-dee343ee]{font-size:.7rem;padding:.2rem .5rem;white-space:nowrap}}@media (max-width: 480px){.nav-bar[data-v-dee343ee]{padding:.5rem .75rem}.brand-icon[data-v-dee343ee]{font-size:1.2rem}.nav-links[data-v-dee343ee]{gap:.25rem}.nav-btn[data-v-dee343ee]{padding:.35rem .5rem;font-size:.75rem}.lang-switch[data-v-dee343ee]{padding:.2rem .5rem;font-size:.7rem}.status-badge[data-v-dee343ee]{font-size:.65rem;padding:.15rem .4rem}}.iframe-wrapper[data-v-0bef0eef]{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;display:flex;flex-direction:column}.iframe-wrapper iframe[data-v-0bef0eef]{width:100%;height:100%;border:none}.iframe-overlay[data-v-0bef0eef]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffffe6}.loading-spinner[data-v-0bef0eef]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-0bef0eef 1s linear infinite}@keyframes spin-0bef0eef{to{transform:rotate(360deg)}}@media (max-width: 768px){.iframe-wrapper iframe[data-v-0bef0eef]{-webkit-overflow-scrolling:touch}.iframe-overlay[data-v-0bef0eef]{padding:1rem}.iframe-overlay p[data-v-0bef0eef]{font-size:.9rem;text-align:center}.loading-spinner[data-v-0bef0eef]{width:32px;height:32px;border-width:2px}}@media (max-width: 480px){.iframe-overlay[data-v-0bef0eef]{padding:.75rem}.iframe-overlay p[data-v-0bef0eef]{font-size:.85rem}.loading-spinner[data-v-0bef0eef]{width:28px;height:28px}}.space-invaders-container[data-v-41f62fa8]{width:100%;height:100%;margin:0;overflow:hidden;background:#070b18;position:relative;display:flex;align-items:center;justify-content:center}#renderCanvas[data-v-41f62fa8]{width:100%;height:100%;touch-action:none;display:block;position:relative;z-index:1}@media (max-width: 768px){#renderCanvas[data-v-41f62fa8]{touch-action:pan-x pan-y pinch-zoom}}.hud[data-v-41f62fa8]{position:absolute;left:12px;top:12px;z-index:1000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Helvetica Neue,Arial;color:#e8eeff;background:#0a0e1c8c;border:1px solid rgba(232,238,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 12px;border-radius:12px;box-shadow:0 8px 30px #0000004d;-webkit-user-select:none;user-select:none;min-width:280px;max-width:calc(100vw - 24px);pointer-events:none;font-size:14px}@media (max-width: 768px){.hud[data-v-41f62fa8]{left:8px;top:8px;padding:8px 10px;min-width:auto;width:auto;font-size:12px}}@media (max-width: 480px){.hud[data-v-41f62fa8]{left:4px;top:4px;padding:6px 8px;font-size:11px;border-radius:8px}}.hud .row[data-v-41f62fa8]{display:flex;justify-content:space-between;gap:12px;margin:4px 0}@media (max-width: 768px){.hud .row[data-v-41f62fa8]{gap:8px;margin:3px 0}.hud .row[data-v-41f62fa8]:last-child{display:none}}@media (max-width: 480px){.hud .row[data-v-41f62fa8]{gap:6px;margin:2px 0}.hud .row[data-v-41f62fa8]:nth-child(4){display:none}}.hud kbd[data-v-41f62fa8]{font-size:12px;padding:2px 6px;border-radius:6px;border:1px solid rgba(232,238,255,.18);background:#e8eeff14;color:#e8eeff}@media (max-width: 768px){.hud kbd[data-v-41f62fa8]{font-size:10px;padding:1px 4px}}@media (max-width: 480px){.hud kbd[data-v-41f62fa8]{font-size:9px;padding:1px 3px}}.centerBanner[data-v-41f62fa8]{position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;z-index:20;background:#0000009e;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;color:#fff}.panel[data-v-41f62fa8]{width:min(500px,calc(100vw - 64px));max-width:90vw;background:#0a0e1cdb;border:1px solid rgba(232,238,255,.12);border-radius:16px;padding:32px 24px;box-shadow:0 12px 50px #00000073;text-align:center}@media (max-width: 768px){.panel[data-v-41f62fa8]{width:calc(100vw - 32px);max-width:calc(100vw - 32px);padding:24px 20px;border-radius:12px}}@media (max-width: 480px){.panel[data-v-41f62fa8]{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:20px 16px;border-radius:10px}}.panel h1[data-v-41f62fa8]{font-size:24px;margin:0 0 16px;font-weight:600}.panel .description[data-v-41f62fa8]{margin:0 0 24px;opacity:.85;line-height:1.6;font-size:14px;color:#ffffffe6}@media (max-width: 768px){.panel h1[data-v-41f62fa8]{font-size:20px;margin:0 0 12px}.panel .description[data-v-41f62fa8]{font-size:13px;margin:0 0 20px;line-height:1.5}}@media (max-width: 480px){.panel h1[data-v-41f62fa8]{font-size:18px;margin:0 0 10px}.panel .description[data-v-41f62fa8]{font-size:12px;margin:0 0 16px;line-height:1.4}}.panel .btns[data-v-41f62fa8]{display:flex;gap:12px;margin-top:0;justify-content:center;flex-wrap:wrap}.panel button[data-v-41f62fa8]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(232,238,255,.18);background:#e8eeff1a;color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;transition:all .2s ease;touch-action:manipulation}.panel button[data-v-41f62fa8]:hover{background:#e8eeff33;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.panel button[data-v-41f62fa8]:active{transform:translateY(0)}@media (max-width: 768px){.panel .btns[data-v-41f62fa8]{gap:10px}.panel button[data-v-41f62fa8]{padding:10px 20px;font-size:13px;min-width:100px;flex:1;max-width:200px}}@media (max-width: 480px){.panel .btns[data-v-41f62fa8]{flex-direction:column;gap:8px;width:100%}.panel button[data-v-41f62fa8]{width:100%;max-width:100%;padding:12px 16px;font-size:14px;min-width:auto}}.virtual-controls[data-v-41f62fa8]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-end;padding:20px;gap:20px}.virtual-buttons-left[data-v-41f62fa8],.virtual-buttons-right[data-v-41f62fa8]{display:flex;gap:12px;pointer-events:auto}.virtual-btn[data-v-41f62fa8]{width:60px;height:60px;border-radius:50%;border:2px solid rgba(232,238,255,.3);background:#0a0e1cb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8eeff;font-size:24px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;transition:all .1s ease;box-shadow:0 4px 12px #0000004d}.virtual-btn[data-v-41f62fa8]:active{background:#e8eeff33;transform:scale(.95);box-shadow:0 2px 6px #0006}.virtual-btn-shoot[data-v-41f62fa8]{background:#ff3c3c99;border-color:#ff646480}.virtual-btn-shoot[data-v-41f62fa8]:active{background:#ff3c3ccc}@media (max-width: 1024px) and (min-width: 769px){.virtual-btn[data-v-41f62fa8]{width:70px;height:70px;font-size:28px}}@media (max-width: 768px){.virtual-controls[data-v-41f62fa8]{padding:15px;gap:15px}.virtual-buttons-left[data-v-41f62fa8],.virtual-buttons-right[data-v-41f62fa8]{gap:10px}.virtual-btn[data-v-41f62fa8]{width:55px;height:55px;font-size:22px}}@media (max-width: 480px){.virtual-controls[data-v-41f62fa8]{padding:10px;gap:10px}.virtual-btn[data-v-41f62fa8]{width:50px;height:50px;font-size:20px}}.content-wrapper[data-v-f46ae7d9]{flex:1;position:relative;min-height:0;overflow:hidden;z-index:1}.content-wrapper[data-v-f46ae7d9]>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.content-wrapper>*[style*="display: none"][data-v-f46ae7d9]{pointer-events:none;visibility:hidden}.legacy-container[data-v-30d7a21c]{display:flex;flex-direction:column;flex:1;min-height:0;background:linear-gradient(135deg,#667eea,#764ba2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0d0d1a;color:#fff;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:focus-visible{outline:2px solid #00d9ff;outline-offset:2px}::selection{background:#00d9ff4d;color:#fff}