.lang-selector{position:relative}.lang-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.3rem .6rem;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s}.lang-btn:hover{border-color:var(--text-accent);color:var(--text-accent)}.lang-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;min-width:130px;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden;z-index:200;box-shadow:0 8px 24px #0006}.lang-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.875rem;text-align:left;transition:background .15s}.lang-option:hover{background:var(--bg-card-hover)}.lang-option.active{color:var(--text-accent)}.lang-code{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;width:24px}.lang-name{font-size:.85rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;position:relative}.auth-lang-selector{position:absolute;top:1.25rem;right:1.25rem}.auth-container{width:100%;max-width:420px}.register-container{max-width:900px}.auth-title{text-align:center;font-size:2.5rem;color:var(--text-accent);letter-spacing:4px;margin-bottom:4px}.auth-subtitle{text-align:center;color:var(--text-accent);margin-bottom:12px;font-size:1rem;text-transform:uppercase;letter-spacing:3px}.lore-intro{text-align:center;color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto;opacity:.8}.lore-intro p{margin:0 0 8px}.auth-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px}.auth-form h2{font-size:1.3rem;margin-bottom:24px;color:var(--text-primary)}.auth-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:8px 12px;border-radius:6px;margin-bottom:16px;font-size:.9rem}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:var(--text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-accent);border-radius:6px;color:var(--text-primary);font-size:1rem;transition:border-color .15s}.form-group input:focus{outline:none;border-color:var(--text-accent)}.auth-btn{width:100%;padding:12px;background:var(--text-accent);color:var(--bg-primary);border:none;border-radius:6px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:opacity .15s;margin-top:8px}.auth-btn:hover{opacity:.9}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-link{text-align:center;margin-top:16px;color:var(--text-muted);font-size:.9rem}.race-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.race-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;padding:14px;cursor:pointer;transition:all .15s}.race-card:hover{background:var(--bg-card-hover)}.race-card.selected{background:var(--bg-card-hover);box-shadow:0 0 12px #38bdf826}.race-name{font-size:.95rem;margin-bottom:2px}.race-en{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.race-tagline{font-size:.8rem;color:var(--text-secondary);margin:6px 0;font-style:italic}.race-bonuses{list-style:none;padding:0;margin:0}.race-bonuses li{font-size:.75rem;padding:1px 0}.race-bonuses li.bonus{color:var(--color-success)}.race-bonuses li.penalty{color:var(--color-error)}.race-bonuses li.info{color:var(--text-secondary)}.race-lore{font-size:.73rem;color:var(--text-muted);margin:6px 0 8px;line-height:1.4}.race-homeworld{font-size:.7rem;color:var(--text-accent);background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:4px;padding:3px 8px;display:inline-block;margin-bottom:8px}.race-section{margin-bottom:4px}.race-section-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:1px;margin-top:4px}.genesis-group{margin-top:8px}.genesis-optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted);font-size:.75rem}.genesis-status{display:block;margin-top:4px;font-size:.8rem}.genesis-checking{color:var(--text-muted)}.genesis-valid{color:var(--color-success)}.genesis-invalid{color:var(--color-error)}@media(max-width:768px){.race-grid{grid-template-columns:1fr}}.landing{min-height:100vh;background-color:var(--bg-primary);background-image:url(/images/bg-space.webp);background-size:cover;background-attachment:fixed;background-position:center;color:var(--text-primary);font-family:Rajdhani,sans-serif}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:#0a0e17d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.landing-nav .logo{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-accent);letter-spacing:.1em}.landing-nav .nav-links{display:flex;gap:.75rem;align-items:center}.landing-hero{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:linear-gradient(to bottom,#0a0e1733,#0a0e17cc)}.hero-title{font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:900;letter-spacing:.08em;color:#fff;text-shadow:0 0 40px rgba(56,189,248,.5),0 2px 8px rgba(0,0,0,.8);margin:0 0 1rem;line-height:1.1}.hero-title span{color:var(--text-accent)}.hero-tagline{font-size:clamp(1.1rem,3vw,1.5rem);color:#e2e8f0d9;margin:0 0 .5rem;letter-spacing:.05em;max-width:600px}.hero-subtitle{font-family:Orbitron,sans-serif;font-size:clamp(.7rem,2vw,.9rem);color:#e2e8f073;letter-spacing:.15em;margin:0 0 2.5rem;text-transform:uppercase}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn-primary{display:inline-block;padding:.85rem 2.5rem;background:var(--color-hydrogen);color:#0a0e17;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-decoration:none;border-radius:4px;transition:background .2s,transform .1s;border:none;cursor:pointer}.btn-primary:hover{background:#38e8ff;transform:translateY(-2px)}.btn-secondary{display:inline-block;padding:.85rem 2.5rem;background:transparent;color:var(--text-accent);font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.1em;text-decoration:none;border-radius:4px;border:1px solid var(--color-hydrogen);transition:background .2s,transform .1s}.btn-secondary:hover{background:#06b6d41a;transform:translateY(-2px)}.btn-outline{display:inline-block;padding:.5rem 1.25rem;background:transparent;color:var(--text-accent);font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;border-radius:4px;border:1px solid var(--border-color);transition:border-color .2s,color .2s}.btn-outline:hover{border-color:var(--color-hydrogen);color:#38e8ff}.btn-lobby{padding:1.25rem 4rem;font-size:1.3rem;background:linear-gradient(135deg,#2563eb,#7c3aed);animation:lobby-pulse 2s ease-in-out infinite}.btn-lobby:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);transform:translateY(-3px);box-shadow:0 6px 30px #6366f180}@keyframes lobby-pulse{0%,to{box-shadow:0 0 15px #6366f14d}50%{box-shadow:0 0 30px #6366f199}}.landing-lore{max-width:800px;margin:0 auto;padding:4rem 2rem}.lore-text{font-size:1.15rem;line-height:1.8;color:#e2e8f0b3;font-style:italic;text-align:center;border:none;margin:0;padding:0;position:relative}.lore-text:before{content:'"';font-size:4rem;color:var(--text-accent);opacity:.3;position:absolute;top:-1.5rem;left:-1rem;font-family:serif}.feature-block{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;padding:3rem 2rem}.feature-block.reverse{direction:rtl}.feature-block.reverse>*{direction:ltr}.feature-screenshot{border-radius:8px;overflow:hidden;box-shadow:0 4px 30px #00000080,0 0 60px #38bdf814;border:1px solid rgba(56,189,248,.15)}.feature-screenshot img{width:100%;display:block}.feature-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;background:#1a233299;color:#e2e8f026}.feature-text{padding:1rem 0}.feature-icon-inline{color:var(--text-accent);margin-bottom:.75rem;opacity:.7}.feature-text h2{font-family:Orbitron,sans-serif;font-size:clamp(1rem,3vw,1.4rem);font-weight:700;color:var(--text-accent);letter-spacing:.08em;margin:0 0 1rem}.feature-text p{font-size:1.05rem;line-height:1.7;color:#e2e8f0a6;margin:0}.landing-section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-family:Orbitron,sans-serif;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;color:var(--text-accent);text-align:center;margin:0 0 .5rem;letter-spacing:.08em}.section-subtitle{text-align:center;color:#e2e8f099;margin:0 0 3rem;font-size:1.05rem}.commanders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.commander-card{background:#1a2332d9;border:1px solid var(--border-color);border-left:3px solid;border-radius:8px;padding:1.5rem;transition:transform .2s}.commander-card:hover{transform:translateY(-3px)}.commander-name{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.08em;margin:0 0 .6rem}.commander-lore{color:#e2e8f099;font-size:.88rem;line-height:1.5;margin:0 0 1rem}.commander-bonuses{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.commander-bonuses li{font-size:.82rem;color:#e2e8f0bf;padding-left:1rem;position:relative}.commander-bonuses li:before{content:"›";position:absolute;left:0;color:inherit;opacity:.6}.landing-final-cta{text-align:center;padding:6rem 2rem}.landing-final-cta h2{font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:#fff;margin:0 0 2rem;letter-spacing:.06em;text-shadow:0 0 30px rgba(56,189,248,.3)}.btn-final{padding:1.1rem 3.5rem;font-size:1.1rem}.cta-browser{margin:1.5rem 0 0;color:#e2e8f066;font-size:.9rem}.landing-divider{height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:0 2rem}.landing-footer{text-align:center;padding:2rem;color:#e2e8f059;font-size:.85rem;border-top:1px solid var(--border-color);background:#0a0e17e6}@media(max-width:768px){.landing-nav{padding:1rem 1.25rem}.landing-hero{padding:3rem 1.25rem}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px;text-align:center}.landing-section{padding:3rem 1.25rem}.feature-block{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.25rem}.feature-block.reverse{direction:ltr}.commanders-grid{grid-template-columns:1fr}.landing-lore{padding:2.5rem 1.25rem}.landing-final-cta{padding:4rem 1.25rem}}.lobby{min-height:100vh;background-color:var(--bg-primary);background-image:url(/images/bg-space.webp);background-size:cover;background-attachment:fixed;background-position:center;color:var(--text-primary);font-family:Rajdhani,sans-serif}.lobby-nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:#0a0e17d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color)}.lobby-nav .logo{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-accent);letter-spacing:.1em}.nav-right{display:flex;gap:.75rem;align-items:center}.lobby-user{color:var(--text-accent);font-weight:600}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.lobby-content{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.lobby-section{margin-bottom:3rem}.lobby-heading{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-accent);letter-spacing:.08em;margin-bottom:1.25rem;text-align:center}.universes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.universe-card{background:#0f1423d9;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s}.universe-card:hover{border-color:var(--text-accent)}.universe-status{width:10px;height:10px;border-radius:50%;background:#666}.universe-status[data-status=online]{background:#4ade80;box-shadow:0 0 8px #4ade8080}.universe-name{font-family:Orbitron,sans-serif;font-size:1.15rem;color:#fff;margin:0}.universe-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.universe-status-text{color:#4ade80;font-weight:600;font-size:.75rem;letter-spacing:.05em}.btn-play{margin-top:auto;padding:.75rem;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-play:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f166}.news-list{display:flex;flex-direction:column;gap:1rem}.news-item{background:#0f1423b3;border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.25rem}.news-date{font-size:.75rem;color:var(--text-secondary)}.news-title{font-size:1rem;color:var(--text-accent);margin:.25rem 0}.news-body{font-size:.85rem;color:var(--text-secondary);margin:0}.join-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.join-modal{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:2rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.leader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.leader-card{background:#1e293b;border:2px solid #334155;border-radius:8px;padding:.75rem;cursor:pointer;transition:border-color .2s,transform .15s}.leader-card:hover{transform:translateY(-2px)}.leader-card.selected{background:#38bdf80d}.lobby-footer{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.8rem;border-top:1px solid var(--border-color)}.sidebar{width:var(--sidebar-width);background:#111827eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(56,189,248,.06),transparent 65%)}.sidebar-logo-icon{color:#38bdf8;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(56,189,248,.4))}.sidebar-logo{margin:0;font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:1.5px;background:linear-gradient(90deg,#38bdf8,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.sidebar-nav{flex:1;padding:4px 8px 8px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}.sidebar-section{display:flex;flex-direction:column;gap:1px}.sidebar-section+.sidebar-section{margin-top:4px}.sidebar-section-label{font-family:Rajdhani,sans-serif;font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;padding:4px 12px 2px;opacity:.55}.sidebar-section-label-premium{background:linear-gradient(90deg,#facc15,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:1}.sidebar-link{position:relative;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:7px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;font-family:Rajdhani,sans-serif;letter-spacing:.02em;transition:all .15s;border:none;background:none;width:100%;text-align:left;cursor:pointer;overflow:hidden;min-height:32px}.sidebar-link-icon{flex-shrink:0;color:var(--text-muted);transition:color .15s,transform .15s}.sidebar-link-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-link:hover{background:var(--bg-card);color:var(--text-primary);text-decoration:none;transform:translate(2px)}.sidebar-link:hover .sidebar-link-icon{color:var(--text-primary)}.sidebar-link.active{color:#7dd3fc;background:linear-gradient(90deg,#38bdf824,#38bdf805 70%);font-weight:700}.sidebar-link.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px;background:linear-gradient(180deg,#38bdf8,#6366f1);box-shadow:0 0 8px #38bdf873}.sidebar-link.active .sidebar-link-icon{color:#7dd3fc}.sidebar-link.disabled{opacity:.4;pointer-events:none}.sidebar-link-premium .sidebar-link-icon{color:#facc15}.sidebar-link-premium:hover .sidebar-link-icon{color:#fde047}.sidebar-link-premium.active{color:#fde047;background:linear-gradient(90deg,#facc1524,#facc1505 70%)}.sidebar-link-premium.active:before{top:4px;bottom:4px;background:linear-gradient(180deg,#facc15,#f97316);box-shadow:0 0 8px #facc1573}.sidebar-link-premium.active .sidebar-link-icon{color:#fde047}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:19px;padding:0 6px;font-size:.65rem;font-weight:700;font-family:Rajdhani,sans-serif;border-radius:10px;line-height:1;flex-shrink:0;border:1px solid transparent}.sidebar-badge.cyan{background:#38bdf833;color:#7dd3fc;border-color:#38bdf866}.sidebar-badge.amber{background:#f59e0b38;color:#fbbf24;border-color:#f59e0b73}.sidebar-badge.red{background:#ef444438;color:#fca5a5;border-color:#ef444473}.msg-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:19px;padding:0 6px;background:#ef444438;color:#fca5a5;font-size:.65rem;font-weight:700;border-radius:10px;margin-left:auto}.sidebar-footer{padding:6px 8px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1px}.guide-link{color:var(--text-muted)!important;font-size:.85rem}.guide-link:hover{color:var(--text-accent)!important}.logout-btn{color:var(--color-error)!important}.logout-btn:hover{background:#ef44441f!important}.logout-btn:hover .sidebar-link-icon{color:var(--color-error)}.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .25s ease;width:260px}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}}.lp-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.leader-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;width:300px;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:8px;box-shadow:0 8px 32px #00000080;animation:lp-fade-in .15s ease}@keyframes lp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lp-header{padding:12px 14px;border-bottom:1px solid var(--border-color)}.lp-name{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.lp-tagline{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px;font-style:italic}.lp-section{padding:10px 14px;border-bottom:1px solid var(--border-color)}.lp-section:last-child{border-bottom:none}.lp-section-title{font-size:.8rem;font-weight:600;color:var(--text-accent);margin-bottom:6px}.lp-bonus-list{list-style:none;margin:0;padding:0}.lp-bonus-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:.8rem}.lp-bonus-label{color:var(--text-muted)}.lp-bonus-value{font-weight:600;font-family:Rajdhani,monospace}.lp-bonus-value.positive,.lp-bonus-value.negative{color:var(--color-success)}.lp-no-bonuses{font-size:.8rem;color:var(--text-muted);font-style:italic}.lp-doctrine-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.lp-doctrine-btn{padding:6px 8px;font-size:.78rem;font-weight:600;font-family:Rajdhani,sans-serif;border:1px solid var(--border-accent);border-radius:6px;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .15s}.lp-doctrine-btn:hover:not(:disabled){border-color:var(--text-accent);color:var(--text-primary)}.lp-doctrine-btn.active{border-color:var(--color-success);color:var(--color-success);cursor:default}.lp-doctrine-btn.selected{border-color:var(--text-accent);color:var(--text-accent);background:#38bdf814}.lp-doctrine-btn:disabled{opacity:.5;cursor:not-allowed}.lp-transition-timer{margin-top:6px;font-size:.78rem;color:var(--color-warning);font-family:Rajdhani,monospace}.lp-cooldown{font-size:.78rem;color:var(--text-muted);font-family:Rajdhani,monospace;margin-bottom:6px}.lp-cooldown-hint{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:4px}.lp-switch-btn{width:100%;padding:8px;font-size:.85rem;font-weight:600;font-family:Rajdhani,sans-serif;border:1px solid var(--text-accent);border-radius:6px;background:#38bdf81a;color:var(--text-accent);cursor:pointer;transition:all .15s}.lp-switch-btn:hover:not(:disabled){background:#38bdf833}.lp-switch-btn:disabled{opacity:.5;cursor:not-allowed}.lp-error{font-size:.78rem;color:var(--color-error);margin-bottom:6px}.player-avatar-wrap{position:relative;display:inline-block;flex-shrink:0}.player-avatar-wrap img.avatar-small{border-radius:50%;object-fit:cover;cursor:pointer}.player-avatar-wrap .avatar-preview{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:128px;height:128px;border-radius:50%;object-fit:cover;border:2px solid var(--text-accent, #38bdf8);box-shadow:0 4px 24px #0009;z-index:300;pointer-events:none;animation:avatar-pop .15s ease-out}.player-avatar-wrap:hover .avatar-preview{display:block}@keyframes avatar-pop{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}.profile-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.profile-panel{position:fixed;top:48px;right:12px;width:340px;max-height:calc(100vh - 60px);overflow-y:auto;background:var(--bg-card, #0f1423);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #00000080;z-index:201;padding:1.25rem;font-family:Rajdhani,sans-serif}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.profile-header img{border-radius:50%;border:2px solid var(--text-accent)}.profile-info{flex:1}.profile-username{font-size:1.1rem;font-weight:700;color:#fff}.profile-meta{font-size:.8rem;color:var(--text-secondary)}.profile-section{margin-bottom:1rem}.profile-section-title{font-size:.85rem;font-weight:700;color:var(--text-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.avatar-option{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,opacity .15s;object-fit:cover}.avatar-option:hover{border-color:var(--text-accent)}.avatar-option.active{border-color:#3b82f6;box-shadow:0 0 8px #3b82f680}.avatar-option.locked{opacity:.25;cursor:not-allowed;filter:grayscale(1)}.avatar-option.locked:hover{border-color:#666}.service-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:.75rem;margin-bottom:.5rem}.service-card h4{margin:0 0 4px;font-size:.9rem;color:#fff}.service-card p{margin:0 0 8px;font-size:.78rem;color:var(--text-secondary)}.service-btn{display:inline-block;padding:6px 14px;font-size:.8rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;background:#3b82f6;color:#fff;transition:background .15s}.service-btn:hover{background:#2563eb}.service-btn:disabled{opacity:.5;cursor:not-allowed}.service-btn.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.leader-select{padding:5px 8px;background:var(--bg-input, var(--bg-card));border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem;margin-right:6px}.cooldown-text{font-size:.75rem;color:#fbbf24}.profile-logout{width:100%;padding:8px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.profile-logout:hover{background:#ef44441a}@media(max-width:768px){.profile-panel-backdrop{z-index:1100;background:#0009}.profile-panel{top:0;right:0;left:0;bottom:0;width:100%;max-height:100vh;border-radius:0;border:none;z-index:1101}}.entity-image{flex-shrink:0;overflow:hidden;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.entity-image img{display:block;width:100%;height:100%;object-fit:cover}.entity-image-round{border-radius:50%!important;border:none}.entity-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.entity-image-xs{border-radius:50%;border:none}.entity-image-sm{border-radius:4px}.entity-image-lg{border-radius:8px;border-width:2px}.planet-switcher{position:relative}.planet-switcher-btn{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;background:linear-gradient(135deg,rgba(56,189,248,.08),var(--bg-input));border:1px solid var(--border-accent);border-radius:8px;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;max-width:280px;min-height:36px}.planet-switcher-btn:hover{border-color:#38bdf880;background:linear-gradient(135deg,rgba(56,189,248,.14),var(--bg-card))}.planet-switcher-btn.open{border-color:#38bdf899;background:linear-gradient(135deg,rgba(56,189,248,.18),var(--bg-card))}.ps-img{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.ps-img .entity-image,.ps-img .entity-image-xs,.ps-img .entity-image-sm,.ps-img .entity-image-round{width:28px!important;height:28px!important;min-width:28px!important;background:transparent!important;border:none!important;border-radius:50%!important;overflow:hidden!important;box-shadow:none!important}.ps-img .entity-image img{width:28px!important;height:28px!important;object-fit:contain!important}.ps-text{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.15}.ps-system{font-size:.62rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);font-family:Orbitron,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-name{font-size:.92rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-home{color:#facc15;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(250,204,21,.4))}.ps-chev{color:var(--text-muted);flex-shrink:0;transition:transform .2s,color .15s}.ps-chev.open{transform:rotate(180deg);color:#38bdf8}.planet-switcher-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:280px;max-width:360px;max-height:360px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:10px;box-shadow:0 8px 28px #00000073;padding:6px;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:ps-fade-in .15s ease;scrollbar-width:thin}.planet-switcher-dropdown::-webkit-scrollbar{width:6px}.planet-switcher-dropdown::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}@keyframes ps-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ps-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:.92rem;cursor:pointer;text-align:left;transition:all .12s;min-height:44px;width:100%;overflow:hidden}.ps-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.ps-item.active{background:linear-gradient(90deg,#38bdf824,#38bdf805 70%);border-color:#38bdf866}.ps-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:linear-gradient(180deg,#38bdf8,#6366f1)}.ps-item-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;line-height:1.2}.ps-item-name{display:inline-flex;align-items:center;gap:5px;font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-item.active .ps-item-name{color:#7dd3fc}.ps-item-system{font-family:Orbitron,sans-serif;font-size:.64rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted)}@media(max-width:768px){.planet-switcher-btn{padding:4px 8px 4px 4px;max-width:200px}.ps-name{font-size:.85rem}.ps-system{font-size:.58rem}.planet-switcher-dropdown{min-width:260px;max-width:calc(100vw - 24px)}}.notif-bell{position:relative;display:inline-flex}.notif-bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s}.notif-bell-btn:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--bg-card)}.notif-bell-btn.has-alerts{color:#fca5a5;border-color:#ef444466;background:#ef444414;animation:bell-pulse 2s ease-in-out infinite}.notif-bell-btn.has-alerts:hover{color:#fecaca;background:#ef44442e}@keyframes bell-pulse{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 0 6px #ef444400}}.notif-bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:700;font-family:Rajdhani,sans-serif;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;line-height:1;border:2px solid rgba(17,24,39,.95)}.notif-bell-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:360px;max-width:calc(100vw - 24px);max-height:480px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:10px;box-shadow:0 8px 28px #00000073;padding:8px;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:nb-fade-in .15s ease;scrollbar-width:thin}.notif-bell-dropdown::-webkit-scrollbar{width:6px}.notif-bell-dropdown::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}@keyframes nb-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notif-head{display:flex;align-items:center;gap:7px;padding:6px 10px 8px;border-bottom:1px solid var(--border-color);font-family:Rajdhani,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--text-primary)}.notif-head svg{color:#fca5a5}.notif-count{margin-left:auto;padding:1px 8px;background:#ef44442e;color:#fca5a5;border:1px solid rgba(239,68,68,.35);border-radius:10px;font-size:.7rem}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;text-align:center;color:var(--text-muted)}.notif-empty-icon{opacity:.4}.notif-empty p{margin:0;font-size:.85rem}.notif-section{display:flex;flex-direction:column;gap:4px}.notif-section-label{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;font-family:Rajdhani,sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.notif-section-attack .notif-section-label{color:#fca5a5}.notif-section-raid .notif-section-label{color:#fbbf24}.notif-section-fleet .notif-section-label{color:#7dd3fc}.notif-item{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-left:3px solid transparent;border-radius:7px;transition:background .12s}.notif-item:hover{background:var(--bg-card-hover)}.notif-item-attack{border-left-color:#ef4444}.notif-item-raid{border-left-color:#f59e0b}.notif-item-fleet{border-left-color:#38bdf8}.notif-item-icon{color:var(--text-muted);flex-shrink:0}.notif-item-attack .notif-item-icon{color:#fca5a5}.notif-item-raid .notif-item-icon{color:#fbbf24}.notif-item-fleet .notif-item-icon{color:#7dd3fc}.notif-item-body{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.25}.notif-item-title{font-family:Rajdhani,sans-serif;font-size:.86rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-title strong{font-weight:700;color:var(--text-accent)}.notif-item-meta{font-size:.72rem;color:var(--text-muted);font-family:Rajdhani,sans-serif}.notif-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.notif-action-btn{padding:4px 9px;background:#38bdf81f;color:#7dd3fc;border:1px solid rgba(56,189,248,.3);border-radius:5px;font-size:.7rem;font-weight:700;font-family:Rajdhani,sans-serif;letter-spacing:.04em;cursor:pointer;transition:background .12s}.notif-action-btn:hover{background:#38bdf838}.notif-dismiss-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .12s}.notif-dismiss-btn:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--bg-card)}@media(max-width:768px){.notif-bell-dropdown{width:calc(100vw - 24px);right:-8px}}.topbar{height:var(--topbar-height);background:#111827eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;position:relative;z-index:50}.topbar-left{display:flex;align-items:center;gap:12px}.hamburger-btn{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--border-accent);border-radius:6px;color:var(--text-secondary);padding:4px 6px;cursor:pointer;transition:all .15s}.hamburger-btn:hover{color:var(--text-primary);background:var(--bg-card)}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-leader-wrapper{position:relative}.topbar-race{font-family:Rajdhani,sans-serif;font-size:.82rem;font-weight:600;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .15s}.topbar-store-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:5px 8px;border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;display:flex;align-items:center}.topbar-store-btn:hover{border-color:var(--text-accent);color:var(--text-accent);background:var(--bg-card)}.topbar-race:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-accent)}.topbar-user{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 4px;border:1px solid transparent;border-radius:20px;cursor:pointer;transition:all .15s}.topbar-user:hover{border-color:var(--border-accent);background:var(--bg-card)}.topbar-username{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.02em;color:var(--text-primary)}.topbar-activity-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s}.topbar-activity-toggle:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--bg-card)}.topbar-activity-toggle.active{color:#7dd3fc;border-color:#38bdf866;background:#38bdf814}@media(max-width:768px){.topbar{padding:0 12px;gap:8px}.topbar-right{gap:6px}.hamburger-btn{display:flex}.topbar-race{display:none}.topbar-username{font-size:.85rem}.topbar-user{padding:3px 8px 3px 3px}}@media(max-width:480px){.topbar-username{display:none}.topbar-user{padding:3px}}.resource-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:repeat(6,auto);justify-content:start;align-items:center;padding:6px 16px;gap:4px 14px;flex-shrink:0}.resource-bar>.resource-item:nth-child(n+7){opacity:.85;padding-top:4px;border-top:1px solid var(--border-color)}.resource-item{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:.8rem;line-height:1}.resource-icon{flex-shrink:0}.resource-value{font-weight:700;color:var(--text-primary)}.resource-rate{font-size:.7rem;font-weight:500}.resource-bar-track{width:40px;height:3px;background:var(--border-color);border-radius:2px;overflow:hidden}.resource-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}@media(max-width:768px){.resource-bar{grid-template-columns:repeat(3,auto);padding:4px 8px;gap:4px 12px}.resource-item{font-size:.72rem}.resource-rate{display:none}.resource-rate--visible{display:inline}.resource-value{min-width:30px}.resource-bar-track{width:30px}.resource-bar>.resource-item:nth-child(n+7){border-top:none}}@media(max-width:480px){.resource-bar{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 6px;gap:2px 8px}.resource-item{font-size:.68rem;gap:4px;overflow:hidden}.resource-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-icon svg{width:12px!important;height:12px!important}.resource-bar-track{width:24px;height:2px}.resource-bar>.resource-item:nth-child(n+7){opacity:.7;padding-top:2px}}.attack-alert-container{display:flex;flex-direction:column;gap:4px;padding:0 12px}.attack-alert-banner{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#dc323240,#b4282826);border:1px solid rgba(220,50,50,.5);border-radius:6px;padding:8px 12px;animation:alertPulse 2s ease-in-out infinite}@keyframes alertPulse{0%,to{border-color:#dc323280}50%{border-color:#ff5050e6}}.attack-alert-icon{font-size:18px;flex-shrink:0}.attack-alert-text{flex:1;font-size:13px;color:#f99}.attack-alert-text strong{color:#fcc}.attack-alert-dismiss{background:none;border:none;color:#f99;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;opacity:.7;transition:opacity .15s}.attack-alert-dismiss:hover{opacity:1}.mining-raid-banner{background:linear-gradient(90deg,#c8961e40,#b4821426);border-color:#c8961e80;animation:raidPulse 2s ease-in-out infinite}@keyframes raidPulse{0%,to{border-color:#c8961e80}50%{border-color:#f0b428e6}}.mining-raid-banner .attack-alert-text{color:#f0c050}.mining-raid-banner .attack-alert-text strong{color:#ffe090}.mining-raid-banner .attack-alert-dismiss{color:#f0c050}.incoming-fleet-banner{background:linear-gradient(90deg,#22c55e40,#16a34a26);border-color:#22c55e80;animation:incomingPulse 3s ease-in-out infinite}@keyframes incomingPulse{0%,to{border-color:#22c55e80}50%{border-color:#4ade80e6}}.incoming-fleet-banner .attack-alert-text{color:#86efac}.incoming-fleet-banner .attack-alert-text strong{color:#bbf7d0}.incoming-fleet-banner .attack-alert-dismiss{color:#86efac}.chat-widget-collapsed{position:fixed;bottom:calc(20px + var(--safe-area-bottom));right:calc(20px + var(--safe-area-right));z-index:1000;width:48px;height:48px;border-radius:50%;background:var(--color-surface, #1e293b);border:1px solid var(--color-border, #334155);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0006}.chat-widget-collapsed:hover{background:var(--color-surface-hover, #334155);color:var(--color-text, #e2e8f0);transform:scale(1.05)}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:chat-badge-pulse 2s ease-in-out infinite}@keyframes chat-badge-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.chat-widget-expanded{position:fixed;bottom:calc(20px + var(--safe-area-bottom));right:calc(20px + var(--safe-area-right));z-index:1000;width:340px;height:420px;background:var(--color-surface, #1e293b);border:1px solid var(--color-border, #334155);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:chat-slide-up .2s ease-out}@keyframes chat-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-widget-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border, #334155);cursor:pointer;font-size:13px;font-weight:600;color:var(--color-text, #e2e8f0);-webkit-user-select:none;user-select:none}.chat-widget-header:hover{background:#ffffff08}.chat-widget-header span{display:flex;align-items:center;gap:6px}.chat-widget-messages{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:12px;scrollbar-width:thin;scrollbar-color:var(--color-border, #334155) transparent}.chat-widget-messages .chat-empty{color:var(--text-secondary);text-align:center;padding:40px 0;font-size:12px}.chat-widget-messages .chat-load-more{background:none;border:none;color:var(--color-primary, #60a5fa);font-size:11px;cursor:pointer;padding:4px;text-align:center}.chat-widget-messages .chat-msg{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline;padding:2px 0}.chat-widget-messages .chat-msg.mine .chat-msg-user{color:var(--color-primary, #60a5fa)}.chat-widget-messages .chat-msg-user{font-weight:600;color:var(--color-accent, #f59e0b);font-size:13px}.chat-widget-messages .chat-msg-text{color:var(--color-text, #e2e8f0);word-break:break-word;font-size:14px}.chat-widget-messages .chat-msg-time{color:var(--text-muted);font-size:11px;margin-left:auto}.chat-widget-input{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--color-border, #334155)}.chat-widget-input input{flex:1;background:var(--color-bg, #0f172a);border:1px solid var(--color-border, #334155);border-radius:6px;padding:6px 10px;color:var(--color-text, #e2e8f0);font-size:12px;outline:none}.chat-widget-input input:focus{border-color:var(--color-primary, #60a5fa)}.chat-widget-input button{background:var(--color-primary, #3b82f6);border:none;border-radius:6px;color:#fff;padding:6px 10px;cursor:pointer;display:flex;align-items:center}.chat-widget-input button:disabled{opacity:.4;cursor:default}.chat-system-link{color:#3b82f6;font-family:Orbitron,monospace;font-size:.75rem;background:#3b82f61f;padding:1px 5px;border-radius:3px;cursor:pointer;text-decoration:none;transition:background .15s}.chat-system-link:hover{background:#3b82f640;text-decoration:none}@media(max-width:768px){.chat-widget-expanded{width:calc(100vw - 32px);height:50vh;bottom:16px;right:16px}}.advisor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:advisorFadeIn .4s ease}.advisor-modal{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:12px;width:560px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009,0 0 40px #38bdf814}.advisor-modal-header{display:flex;align-items:center;gap:16px;padding:24px 28px 0}.advisor-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--border-accent);object-fit:cover;flex-shrink:0}.advisor-identity{display:flex;flex-direction:column;gap:2px}.advisor-name{font-size:1.15rem;color:var(--text-accent);font-weight:600;letter-spacing:.5px}.advisor-title-text{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.advisor-divider{height:1px;background:var(--border-color);margin:16px 28px}.advisor-body{padding:0 28px;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.advisor-body p{margin:0 0 12px}.advisor-body p:last-child{margin-bottom:0}.advisor-footer{padding:20px 28px 24px}.advisor-btn{display:block;width:100%;padding:11px;background:var(--text-accent);color:var(--bg-primary);border:none;border-radius:6px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:opacity .15s}.advisor-btn:hover{opacity:.9}@keyframes advisorFadeIn{0%{opacity:0}to{opacity:1}}.game-layout{display:flex;height:100vh;overflow:hidden;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.game-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.game-content{flex:1;overflow-y:auto;padding:20px;position:relative}@media(max-width:768px){.game-content{padding:12px}}@media(max-width:480px){.game-content{padding:8px}}:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2332;--bg-card-hover: #1f2b3d;--bg-input: #0f1724;--text-primary: #e2e8f0;--text-secondary: #e2e8f0;--text-muted: #d1d5db;--text-accent: #38bdf8;--border-color: #1e293b;--border-accent: #334155;--color-ore: #f59e0b;--color-silicates: #8b5cf6;--color-hydrogen: #06b6d4;--color-alloys: #6b7280;--color-energy: #22c55e;--color-population: #f43f5e;--color-terran: #3b82f6;--color-litharan: #a855f7;--color-khirvex: #ef4444;--color-synthex: #10b981;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--entity-hero-height: 220px;--entity-card-radius: 8px;--entity-section-gap: 12px;--entity-bar-height: 6px;--color-hp: #ef4444;--color-shield: #3b82f6;--sidebar-width: 220px;--topbar-height: 56px;--resource-bar-height: 40px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:Rajdhani,sans-serif;font-size:16px;color:var(--text-primary);background:var(--bg-primary) url(/images/bg-space.webp) center center / cover no-repeat fixed;-webkit-font-smoothing:antialiased}#root{height:100%}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:600}a{color:var(--text-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:600}input,select,textarea{font-family:Rajdhani,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.game-content{background:transparent;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.game-content input,.game-content textarea,.game-content select{-webkit-user-select:auto;user-select:auto}@media(max-width:768px){button,.sidebar-link,.fleet-tab,.branch-tab,.category-tab,.market-tabs button,.rankings-tabs button,.msg-tab,.cc-tab,.chip{min-height:44px}}@media(max-width:480px){.game-content{padding:8px!important}button,.btn,a.btn,[role=button],.fleet-tab,.alliance-tab,.rankings-tab,.bld-tab,.res-tab,.branch-tab,.category-tab,.cc-tab,.market-tabs button,.msg-tab,.tab-btn,.chip,.sidebar-link{min-height:40px}.btn-xs,.btn-invite,.alliance-hero-btn,.extraction-period-pill,.btn-member-actions,.breakdown-chip{min-height:32px!important}.rankings-table button,.member-actions-dropdown button,.qty-control button{min-height:0}}.page-placeholder{display:flex;align-items:center;justify-content:center;height:400px;font-size:1.5rem;color:var(--text-muted);font-family:Orbitron,sans-serif}