.map-viewport[data-v-1f649675]{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.title-container[data-v-80b7f627]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle at center,#1e293b,#0f172a);padding:2rem;box-sizing:border-box}.title-card[data-v-80b7f627]{max-width:960px;width:100%;background:#1e293bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem 2rem;box-shadow:0 20px 50px #00000080;text-align:center}.header-section[data-v-80b7f627]{margin-bottom:3rem}.game-title[data-v-80b7f627]{font-size:3rem;font-weight:800;letter-spacing:4px;color:#f8fafc;margin:0;text-shadow:0 0 20px rgba(248,250,252,.2)}.game-subtitle[data-v-80b7f627]{color:#94a3b8;font-size:1.1rem;margin-top:.5rem;letter-spacing:1px}.mode-grid[data-v-80b7f627]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.mode-card[data-v-80b7f627]{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;transition:all .2s ease-in-out;cursor:pointer}.mode-card[data-v-80b7f627]:hover{transform:translateY(-4px);border-color:#6366f180;box-shadow:0 10px 25px #0000004d}.card-icon[data-v-80b7f627]{font-size:2.5rem;margin-bottom:1rem}.mode-card h3[data-v-80b7f627]{color:#f1f5f9;font-size:1.25rem;margin:0 0 .5rem}.mode-card p[data-v-80b7f627]{color:#94a3b8;font-size:.9rem;line-height:1.4;margin-bottom:1.5rem;flex-grow:1}.card-actions[data-v-80b7f627]{display:flex;gap:.5rem;width:100%}.btn-primary[data-v-80b7f627]{width:100%;padding:.75rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary[data-v-80b7f627]:hover{background:#4f46e5}.btn-secondary[data-v-80b7f627]{width:100%;padding:.75rem 1rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer}.btn-secondary[data-v-80b7f627]:hover{background:#fff3}.online-box[data-v-80b7f627]{width:100%;display:flex;flex-direction:column;gap:.75rem}.room-label[data-v-80b7f627]{font-size:.75rem;color:#94a3b8;letter-spacing:1px}.code-display[data-v-80b7f627]{font-family:monospace;font-size:1rem;font-weight:700;background:#0f172a;padding:.5rem;border-radius:6px;color:#38bdf8;word-break:break-all}.room-input[data-v-80b7f627]{width:100%;padding:.6rem;background:#0f172a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;box-sizing:border-box;text-align:center}.button-group[data-v-80b7f627]{display:flex;gap:.5rem}.btn-sm[data-v-80b7f627]{padding:.5rem .75rem;font-size:.85rem}.btn-back[data-v-80b7f627]{background:transparent;border:none;color:#64748b;font-size:.8rem;cursor:pointer;margin-top:.25rem}.btn-back[data-v-80b7f627]:hover{color:#94a3b8}.waiting-hint[data-v-80b7f627]{font-size:.8rem;color:#94a3b8;margin:0}.error-msg[data-v-80b7f627]{color:#f87171;font-size:.8rem}.loading-status[data-v-80b7f627]{color:#38bdf8;font-size:.9rem}.app-layout[data-v-4e5c1285]{display:flex;flex-direction:column;height:100vh;width:100vw}.btn-menu[data-v-4e5c1285]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem .9rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;margin-right:.5rem}.btn-menu[data-v-4e5c1285]:hover{background:#fff3}.mode-badge[data-v-4e5c1285]{font-size:.85rem;padding:.25rem .6rem;background:#ffffff1a;border-radius:4px;color:#38bdf8}.top-bar[data-v-4e5c1285]{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-card)}.brand h1[data-v-4e5c1285]{font-size:1.4rem;letter-spacing:2px;color:var(--accent-gold)}.subtitle[data-v-4e5c1285]{font-size:.8rem;color:var(--text-muted)}.turn-status[data-v-4e5c1285]{display:flex;align-items:center;gap:1.5rem}.faction-badge[data-v-4e5c1285]{padding:.4rem 1rem;border-radius:999px;font-weight:700;font-size:.9rem}.faction-badge.red[data-v-4e5c1285]{background:#ef444433;color:var(--primary-red);border:1px solid var(--primary-red)}.faction-badge.blue[data-v-4e5c1285]{background:#3b82f633;color:var(--primary-blue);border:1px solid var(--primary-blue)}.ap-display[data-v-4e5c1285]{font-size:1.1rem}.btn-end-turn[data-v-4e5c1285]{padding:.6rem 1.4rem;background:var(--accent-gold);color:#000;border-radius:8px;font-weight:700}.main-content[data-v-4e5c1285]{display:flex;flex:1;overflow:hidden}.sidebar-panel[data-v-4e5c1285]{width:300px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:#0f172af2;border-right:1px solid var(--border-card);overflow-y:auto}.game-mode-box[data-v-4e5c1285],.auth-box[data-v-4e5c1285],.multiplayer-box[data-v-4e5c1285],.game-info-box[data-v-4e5c1285],.structure-action-box[data-v-4e5c1285],.unit-action-box[data-v-4e5c1285],.controls-guide[data-v-4e5c1285]{background:var(--bg-card);padding:1rem;border-radius:10px;border:1px solid var(--border-card)}.game-mode-box h3[data-v-4e5c1285],.auth-box h3[data-v-4e5c1285],.multiplayer-box h3[data-v-4e5c1285],.game-info-box h3[data-v-4e5c1285],.structure-action-box h3[data-v-4e5c1285],.unit-action-box h3[data-v-4e5c1285],.controls-guide h3[data-v-4e5c1285]{margin-bottom:.8rem;font-size:1rem;color:var(--text-muted)}.mode-controls[data-v-4e5c1285],.lobby-controls[data-v-4e5c1285]{display:flex;flex-direction:column;gap:.6rem}.btn-ai[data-v-4e5c1285]{background:#3b82f633!important;border:1px solid var(--primary-blue)!important;color:var(--primary-blue)!important}.join-row[data-v-4e5c1285]{display:flex;gap:.4rem}.input-sm[data-v-4e5c1285]{flex:1;padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border-card);background:#0000004d;color:var(--text-main);font-size:.8rem}.session-info[data-v-4e5c1285]{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.status-pill[data-v-4e5c1285]{color:#22c55e;font-weight:600}.game-id-tag[data-v-4e5c1285]{font-family:monospace;font-size:.8rem;color:var(--text-muted)}.unit-details[data-v-4e5c1285]{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}.unit-name[data-v-4e5c1285]{font-weight:700;font-size:1.05rem}.unit-status-tag[data-v-4e5c1285]{font-size:.85rem;color:#22c55e}.unit-status-tag.wounded[data-v-4e5c1285]{color:#ef4444}.action-buttons[data-v-4e5c1285]{display:flex;flex-direction:column;gap:.5rem}.btn-action[data-v-4e5c1285]{padding:.5rem 1rem;background:#f59e0b33;border:1px solid var(--accent-gold);color:var(--accent-gold);border-radius:6px;font-weight:600}.btn-action.active[data-v-4e5c1285]{background:var(--accent-gold);color:#000}.cap-warning[data-v-4e5c1285]{font-size:.85rem;color:#f97316;background:#f9731626;padding:.5rem;border-radius:6px;border:1px solid #f97316}.hint-text[data-v-4e5c1285]{font-size:.8rem;color:var(--text-muted);margin-top:.4rem}.controls-guide p[data-v-4e5c1285]{font-size:.85rem;color:var(--text-main);margin-bottom:.4rem}.user-status[data-v-4e5c1285]{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.info-row[data-v-4e5c1285]{display:flex;justify-content:space-between;margin-bottom:.5rem}.winner-alert[data-v-4e5c1285]{margin-top:1rem;padding:.6rem;background:#f59e0b33;border:1px solid var(--accent-gold);color:var(--accent-gold);border-radius:6px;text-align:center;font-weight:700}.viewport-panel[data-v-4e5c1285]{flex:1;display:flex;align-items:center;justify-content:center;background:#020617}.btn-sm[data-v-4e5c1285]{padding:.4rem .8rem;border-radius:6px;font-size:.8rem;background:#ffffff1a;color:var(--text-main)}.btn-primary[data-v-4e5c1285]{background:var(--primary-blue);color:#fff}:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .85);--border-card: rgba(255, 255, 255, .12);--primary-red: #ef4444;--primary-blue: #3b82f6;--text-main: #f8fafc;--text-muted: #94a3b8;--accent-gold: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow:hidden}h1,h2,h3,.font-heading{font-family:Outfit,sans-serif}button{font-family:Outfit,sans-serif;cursor:pointer;border:none;outline:none;transition:all .2s ease}