.map-viewport[data-v-e81b0fe6]{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.title-container[data-v-f6359fb8]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(139,92,246,.18) 0%,transparent 55%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.15) 0%,transparent 60%),radial-gradient(circle at center,#12141c,#07080c);padding:2rem;box-sizing:border-box}.title-card[data-v-f6359fb8]{max-width:960px;width:100%;background:#12141cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-slate-rim);box-shadow:0 0 0 6px var(--color-slate-block),0 0 0 7px #ffffff0d,0 20px 50px #000000d9;border-radius:6px;padding:3.5rem 2rem;text-align:center;position:relative}.rivet[data-v-f6359fb8]{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#5e6b7d,#1e293b);border-radius:50%;box-shadow:1px 1px 2px #000000b3}.rivet.top-left[data-v-f6359fb8]{top:15px;left:15px}.rivet.top-right[data-v-f6359fb8]{top:15px;right:15px}.rivet.bottom-left[data-v-f6359fb8]{bottom:15px;left:15px}.rivet.bottom-right[data-v-f6359fb8]{bottom:15px;right:15px}.header-section[data-v-f6359fb8]{margin-bottom:3rem}.game-title[data-v-f6359fb8]{font-family:var(--font-gothic);font-size:3.5rem;font-weight:800;letter-spacing:5px;color:#f8fafc;margin:0;text-shadow:0 0 10px var(--color-gothic-violet-glow),0 0 20px var(--color-gothic-violet-glow)}.gothic-divider[data-v-f6359fb8]{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.2rem 0}.gothic-divider .line[data-v-f6359fb8]{height:2px;width:100px;background:linear-gradient(to right,transparent,var(--color-gothic-violet) 50%,transparent)}.gothic-divider .glass-icon[data-v-f6359fb8]{color:var(--color-gothic-gold);text-shadow:0 0 12px var(--color-gothic-gold-glow);font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.game-subtitle[data-v-f6359fb8]{color:#94a3b8;font-size:1.1rem;margin-top:.5rem;letter-spacing:1.5px}.mode-grid[data-v-f6359fb8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.mode-card[data-v-f6359fb8]{background:#090a0f99;border:1px solid var(--color-slate-rim);border-radius:6px;padding:2.2rem 1.5rem;display:flex;flex-direction:column;align-items:center;transition:all .25s ease-in-out;cursor:pointer;box-shadow:inset 0 0 15px #00000080}.mode-card[data-v-f6359fb8]:hover{transform:translateY(-4px);border-color:var(--color-gothic-violet);box-shadow:inset 0 0 15px #00000080,0 10px 25px #8b5cf626}.card-icon.stained-glass[data-v-f6359fb8]{width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at center,#8b5cf633,#090a0fcc);border:2px solid var(--color-gothic-violet);box-shadow:0 0 15px var(--color-gothic-violet-glow);display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin-bottom:1.2rem;transition:all .3s ease}.mode-card:hover .card-icon.stained-glass[data-v-f6359fb8]{box-shadow:0 0 25px var(--color-gothic-violet);transform:scale(1.05)}.mode-card h3[data-v-f6359fb8]{color:#f1f5f9;font-size:1.25rem;margin:0 0 .5rem;letter-spacing:.5px}.mode-card p[data-v-f6359fb8]{color:#94a3b8;font-size:.9rem;line-height:1.4;margin-bottom:1.8rem;flex-grow:1}.card-actions[data-v-f6359fb8]{display:flex;gap:.5rem;width:100%}.btn-primary[data-v-f6359fb8]{width:100%;padding:.8rem 1.2rem;background:linear-gradient(135deg,#6d28d9,#4c1d95);color:#f8fafc;border:1px solid #7c3aed;border-radius:4px;font-family:var(--font-gothic);font-size:1rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 8px var(--color-gothic-violet-glow),0 4px 6px #0006;text-shadow:0 1px 2px rgba(0,0,0,.8)}.btn-primary[data-v-f6359fb8]:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#a78bfa;box-shadow:0 0 15px var(--color-gothic-violet),0 6px 12px #00000080;transform:translateY(-1px)}.btn-primary[data-v-f6359fb8]:active{background:#4c1d95;transform:translateY(1px);box-shadow:0 2px 4px #0009}.btn-secondary[data-v-f6359fb8]{width:100%;padding:.8rem 1.2rem;background:#1e293b80;color:#e2e8f0;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:var(--font-gothic);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary[data-v-f6359fb8]:hover{background:#1e293bcc;border-color:#ffffff40}.btn-secondary[data-v-f6359fb8]:active{transform:translateY(1px)}.online-box[data-v-f6359fb8]{width:100%;display:flex;flex-direction:column;gap:.75rem}.room-label[data-v-f6359fb8]{font-size:.75rem;color:var(--color-gothic-gold);text-shadow:0 0 6px var(--color-gothic-gold-glow);letter-spacing:1px}.code-display[data-v-f6359fb8]{font-family:monospace;font-size:1.1rem;font-weight:700;background:#090a0f;padding:.6rem;border-radius:4px;color:var(--color-gothic-gold);border:1px solid var(--color-slate-rim);word-break:break-all}.room-input[data-v-f6359fb8]{width:100%;padding:.7rem;background:#090a0f;border:1px solid var(--color-slate-rim);border-radius:4px;color:#f8fafc;box-sizing:border-box;text-align:center}.button-group[data-v-f6359fb8]{display:flex;gap:.5rem}.btn-sm[data-v-f6359fb8]{padding:.5rem .75rem;font-size:.85rem}.btn-back[data-v-f6359fb8]{background:transparent;border:none;color:#64748b;font-size:.8rem;cursor:pointer;margin-top:.25rem}.btn-back[data-v-f6359fb8]:hover{color:#94a3b8}.waiting-hint[data-v-f6359fb8]{font-size:.8rem;color:#94a3b8;margin:0}.error-msg[data-v-f6359fb8]{color:#ef4444;font-size:.8rem}.loading-status[data-v-f6359fb8]{color:var(--color-gothic-violet);font-size:.9rem}.app-layout[data-v-38a61c40]{display:flex;flex-direction:column;height:100vh;width:100vw}.btn-menu[data-v-38a61c40]{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-38a61c40]:hover{background:#fff3}.mode-badge[data-v-38a61c40]{font-size:.85rem;padding:.25rem .6rem;background:#ffffff1a;border-radius:4px;color:#38bdf8}.top-bar[data-v-38a61c40]{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-38a61c40]{font-size:1.4rem;letter-spacing:2px;color:var(--accent-gold)}.subtitle[data-v-38a61c40]{font-size:.8rem;color:var(--text-muted)}.turn-status[data-v-38a61c40]{display:flex;align-items:center;gap:1.5rem}.matchup-header[data-v-38a61c40]{display:flex;align-items:center;gap:.5rem;background:#0f172acc;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border-card)}.matchup-player[data-v-38a61c40]{display:flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:999px;font-weight:700;font-size:.85rem;opacity:.5;transition:all .2s ease}.matchup-player.active[data-v-38a61c40]{opacity:1;box-shadow:0 0 12px #ffffff26}.matchup-player.red[data-v-38a61c40]{background:#ef444426;color:var(--primary-red);border:1px solid transparent}.matchup-player.red.active[data-v-38a61c40]{border-color:var(--primary-red);background:#ef444440}.matchup-player.blue[data-v-38a61c40]{background:#3b82f626;color:var(--primary-blue);border:1px solid transparent}.matchup-player.blue.active[data-v-38a61c40]{border-color:var(--primary-blue);background:#3b82f640}.you-tag[data-v-38a61c40]{font-size:.7rem;background:var(--accent-gold);color:#000;padding:.1rem .4rem;border-radius:4px;font-weight:800;letter-spacing:.5px}.vs-divider[data-v-38a61c40]{font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:1px}.ap-display[data-v-38a61c40]{font-size:1.1rem}.btn-end-turn[data-v-38a61c40]{padding:.6rem 1.4rem;background:var(--accent-gold);color:#000;border-radius:8px;font-weight:700}.main-content[data-v-38a61c40]{display:flex;flex:1;overflow:hidden}.sidebar-panel[data-v-38a61c40]{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-38a61c40],.auth-box[data-v-38a61c40],.multiplayer-box[data-v-38a61c40],.game-info-box[data-v-38a61c40],.structure-action-box[data-v-38a61c40],.unit-action-box[data-v-38a61c40],.controls-guide[data-v-38a61c40]{background:var(--bg-card);padding:1rem;border-radius:10px;border:1px solid var(--border-card)}.game-mode-box h3[data-v-38a61c40],.auth-box h3[data-v-38a61c40],.multiplayer-box h3[data-v-38a61c40],.game-info-box h3[data-v-38a61c40],.structure-action-box h3[data-v-38a61c40],.unit-action-box h3[data-v-38a61c40],.controls-guide h3[data-v-38a61c40]{margin-bottom:.8rem;font-size:1rem;color:var(--text-muted)}.mode-controls[data-v-38a61c40],.lobby-controls[data-v-38a61c40]{display:flex;flex-direction:column;gap:.6rem}.btn-ai[data-v-38a61c40]{background:#3b82f633!important;border:1px solid var(--primary-blue)!important;color:var(--primary-blue)!important}.join-row[data-v-38a61c40]{display:flex;gap:.4rem}.input-sm[data-v-38a61c40]{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-38a61c40]{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.status-pill[data-v-38a61c40]{color:#22c55e;font-weight:600}.game-id-tag[data-v-38a61c40]{font-family:monospace;font-size:.8rem;color:var(--text-muted)}.unit-details[data-v-38a61c40]{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}.unit-name[data-v-38a61c40]{font-weight:700;font-size:1.05rem}.unit-status-tag[data-v-38a61c40]{font-size:.85rem;color:#22c55e}.unit-status-tag.wounded[data-v-38a61c40]{color:#ef4444}.action-buttons[data-v-38a61c40]{display:flex;flex-direction:column;gap:.5rem}.btn-action[data-v-38a61c40]{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-38a61c40]{background:var(--accent-gold);color:#000}.cap-warning[data-v-38a61c40]{font-size:.85rem;color:#f97316;background:#f9731626;padding:.5rem;border-radius:6px;border:1px solid #f97316}.hint-text[data-v-38a61c40]{font-size:.8rem;color:var(--text-muted);margin-top:.4rem}.controls-guide p[data-v-38a61c40]{font-size:.85rem;color:var(--text-main);margin-bottom:.4rem}.user-status[data-v-38a61c40]{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.info-row[data-v-38a61c40]{display:flex;justify-content:space-between;margin-bottom:.5rem}.winner-alert[data-v-38a61c40]{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-38a61c40]{flex:1;display:flex;align-items:center;justify-content:center;background:#020617}.btn-sm[data-v-38a61c40]{padding:.4rem .8rem;border-radius:6px;font-size:.8rem;background:#ffffff1a;color:var(--text-main)}.btn-primary[data-v-38a61c40]{background:var(--primary-blue);color:#fff}:root{--bg-dark: #090a0f;--bg-card: rgba(18, 20, 28, .85);--border-card: rgba(255, 255, 255, .08);--primary-red: #ef4444;--primary-blue: #3b82f6;--text-main: #f8fafc;--text-muted: #8a8f9f;--accent-gold: #f59e0b;--font-gothic: "MedievalSharp", cursive;--color-gothic-violet: #8b5cf6;--color-gothic-violet-glow: rgba(139, 92, 246, .4);--color-slate-block: #161922;--color-slate-rim: #2d3345;--color-gothic-gold: #eab308;--color-gothic-gold-glow: rgba(234, 179, 8, .3)}*{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:var(--font-gothic),"Outfit",sans-serif}button{font-family:var(--font-gothic),"Outfit",sans-serif;cursor:pointer;border:none;outline:none;transition:all .2s ease}