:root{--void:#0a0e1a;--panel:#131a2e;--panel-2:#1c2542;--line:#2a3558;--text:#e8edf9;--text-dim:#8b96b8;--metal:#9bb0c9;--crystal:#4dd8e6;--energy:#ffd84d;--flux:#ff8a3d;--nucleo:#b08aff;--ok:#3ddc97;--danger:#ff5d6c;--warn:#ffb84d;--info:#5b8def;--faccao-jogador:#4dd8e6;--faccao-helios:#e6b34d;--faccao-karr:#d94040;--faccao-vespero:#8a63d2;--fonte:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fonte-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--t-12:.75rem;--t-14:.875rem;--t-16:1rem;--t-20:1.25rem;--t-28:1.75rem;--e-1:4px;--e-2:8px;--e-3:12px;--e-4:16px;--e-6:24px;--e-8:32px;--raio-card:10px;--raio-botao:8px;--raio-pill:999px;--toque:44px;--transicao:.18s;--curva:cubic-bezier(.22, .61, .36, 1);--coluna:480px;--bottom-bar:60px}@media (prefers-reduced-motion:reduce){:root{--transicao:1ms}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--void);color:var(--text);font:var(--t-16) / 1.5 var(--fonte);-webkit-text-size-adjust:100%;background-image:radial-gradient(60% 50% at 20% 0,#16224a 0%,#0000 60%),radial-gradient(50% 40% at 85% 100%,#1a1636 0%,#0000 60%);background-attachment:fixed}:focus-visible{outline:2px solid var(--crystal);outline-offset:2px;border-radius:var(--raio-botao)}button{font:inherit;color:inherit}a{color:var(--info)}#app{max-width:var(--coluna);padding:0 var(--e-3) calc(var(--bottom-bar) + var(--e-6));min-height:100vh;margin:0 auto}.cabecalho{align-items:baseline;gap:var(--e-2);padding:var(--e-3) var(--e-1) var(--e-2);display:flex}.marca{font-size:var(--t-16);letter-spacing:.18em;text-indent:.18em;margin:0;font-weight:700}.colonia-nome{color:var(--text-dim);font-size:var(--t-12);text-overflow:ellipsis;white-space:nowrap;max-width:45%;margin-left:auto;overflow:hidden}.recursos{gap:var(--e-1);background:var(--panel);border:1px solid var(--line);border-radius:var(--raio-card);padding:var(--e-2) var(--e-1);z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:sticky;top:0}.recurso{text-align:center;flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.recurso-topo{align-items:center;gap:var(--e-1);display:flex}.glifo{flex:none;width:10px;height:10px}.recurso-rotulo{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.62rem}.recurso-valor{font-variant-numeric:tabular-nums;font-size:var(--t-16);text-overflow:ellipsis;max-width:100%;font-weight:700;line-height:1.2;overflow:hidden}.recurso-taxa{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.62rem}.recurso[data-recurso=metal] .recurso-valor{color:var(--metal)}.recurso[data-recurso=cristal] .recurso-valor{color:var(--crystal)}.recurso[data-recurso=fluxo] .recurso-valor{color:var(--flux)}.recurso[data-cheio=sim] .recurso-valor{color:var(--warn)}.cartao{background:var(--panel);border:1px solid var(--line);border-radius:var(--raio-card);padding:var(--e-3);margin-top:var(--e-2)}.dobravel>summary{align-items:center;gap:var(--e-2);cursor:pointer;min-height:44px;list-style:none;display:flex}.dobravel>summary::-webkit-details-marker{display:none}.dobravel>summary:after{content:"▾";color:var(--text-dim);font-size:.9rem;transition:transform .12s}@media (prefers-reduced-motion:reduce){.dobravel>summary:after{transition:none}}.dobravel[open]>summary:after{transform:rotate(180deg)}.dobravel[open]>summary{margin-bottom:var(--e-2)}.dobravel-resumo{text-transform:none;letter-spacing:0;font-size:.72rem}.cartao-titulo{margin:0 0 var(--e-2);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:.68rem;font-weight:600}.linha{align-items:center;gap:var(--e-2);font-size:var(--t-14);display:flex}.linha+.linha{margin-top:var(--e-1)}.estica{flex:1;min-width:0}.num{font-variant-numeric:tabular-nums}.lista{margin:0;padding:0;list-style:none}.lista>li+li{margin-top:var(--e-2);border-top:1px solid var(--line);padding-top:var(--e-2)}.edificio{align-items:center;gap:var(--e-2);text-align:left;width:100%;padding:var(--e-1) 0;min-height:var(--toque);cursor:pointer;border-radius:var(--raio-botao);background:0 0;border:0;display:flex}.edificio-nome{flex:1;min-width:0}.edificio-nome b{font-size:var(--t-14);font-weight:600;display:block}.edificio-nome small{color:var(--text-dim);font-size:var(--t-12);font-variant-numeric:tabular-nums;display:block}.chevron{color:var(--text-dim);flex:none}.barra{background:var(--panel-2);border-radius:var(--raio-pill);height:6px;margin-top:var(--e-2);overflow:hidden}.barra>i{background:var(--crystal);width:0;height:100%;transition:width var(--transicao) linear;display:block}.chip{align-items:center;gap:var(--e-1);padding:2px var(--e-2);border-radius:var(--raio-pill);background:var(--panel-2);border:1px solid var(--line);font-size:var(--t-12);color:var(--warn);letter-spacing:.06em;text-transform:uppercase;display:inline-flex}.botao{min-height:var(--toque);min-width:var(--toque);padding:0 var(--e-4);border-radius:var(--raio-botao);border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:var(--t-14);cursor:pointer;transition:background var(--transicao) var(--curva);font-weight:600}.campo{min-height:var(--toque);min-width:0;padding:0 var(--e-3);border-radius:var(--raio-botao);border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:var(--t-16);flex:1}.campo::placeholder{color:var(--text-dim)}.botao:disabled{opacity:.45;cursor:default}.botao--primario{background:var(--crystal);border-color:var(--crystal);color:#06202b;width:100%}.bottom-bar{z-index:4;background:var(--panel-2);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.aba{min-height:var(--bottom-bar);color:var(--text-dim);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.62rem;text-decoration:none;display:flex}.aba[aria-current=page]{color:var(--crystal)}.aba[aria-current=page]:before{content:"";border-radius:var(--raio-pill);background:var(--crystal);width:18px;height:2px;margin-top:-14px;position:absolute}.veu{z-index:5;color:var(--text);background:#04070fa6;border:0;justify-content:center;align-items:flex-end;width:100%;height:100%;padding:0;display:flex;position:fixed;inset:0}.folha{width:100%;max-width:var(--coluna);background:var(--panel-2);border-top-left-radius:var(--e-4);border-top-right-radius:var(--e-4);border-top:1px solid var(--line);padding:var(--e-3) var(--e-4) var(--e-6);animation:sobe var(--transicao) var(--curva)}@keyframes sobe{0%{transform:translateY(12%)}}.folha-punho{border-radius:var(--raio-pill);background:var(--line);width:36px;height:4px;margin:0 auto var(--e-3)}.folha h2{margin:0 0 var(--e-1);font-size:var(--t-20)}.folha-custo{gap:var(--e-3);margin:var(--e-3) 0;font-size:var(--t-14);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.custo-item{align-items:center;gap:var(--e-1);display:flex}.custo-item[data-falta=sim]{color:var(--danger)}.toasts{top:var(--e-2);z-index:6;width:min(100% - var(--e-4), var(--coluna));gap:var(--e-1);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--info);border-radius:var(--raio-botao);padding:var(--e-2) var(--e-3);font-size:var(--t-14);animation:entra var(--transicao) var(--curva);box-shadow:0 6px 20px #00000073}.toast[data-tom=erro]{border-left-color:var(--danger)}.toast[data-tom=ok]{border-left-color:var(--ok)}.toast[data-tom=aviso]{border-left-color:var(--warn)}@keyframes entra{0%{opacity:0;transform:translateY(-8px)}}.tela{animation:aparece var(--transicao) var(--curva)}.tela:focus,.tela:focus-visible{outline:none}@keyframes aparece{0%{opacity:0;transform:translateY(6px)}}.vazio{text-align:center;padding:var(--e-8) var(--e-4);color:var(--text-dim)}.vazio h2{margin:0 0 var(--e-2);font-size:var(--t-20);color:var(--text)}.vazio p{max-width:30ch;font-size:var(--t-14);margin:0 auto}.vazio-selo{margin-bottom:var(--e-3);font-size:var(--t-12);letter-spacing:.16em;text-transform:uppercase;color:var(--warn);display:inline-block}.desconectado{z-index:2;margin-top:var(--e-2);padding:var(--e-2) var(--e-3);border-radius:var(--raio-botao);background:var(--panel-2);border:1px solid var(--warn);color:var(--warn);font-size:var(--t-12);align-items:center;gap:var(--e-2);display:flex;position:sticky;top:0}.desconectado[hidden]{display:none}.vista{padding:0;overflow:hidden}.palco{background:var(--void);width:100%;height:auto;display:block}.vista-abas{border-top:1px solid var(--line);display:flex}.vista-aba{min-height:var(--toque);color:var(--text-dim);font:inherit;font-size:var(--t-12);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--transicao) var(--curva);background:0 0;border:0;flex:1}.vista-aba+.vista-aba{border-left:1px solid var(--line)}.vista-aba[aria-pressed=true]{color:var(--crystal);box-shadow:inset 0 -2px 0 var(--crystal)}.sistema-explicacao{margin:0 0 var(--e-3);font-size:var(--t-12);color:var(--text-dim);line-height:1.45}.rotas{gap:var(--e-2);flex-wrap:wrap;display:flex}.rota{align-items:center;gap:var(--e-2);min-height:var(--toque);padding:0 var(--e-3);border:1px solid var(--line);border-radius:var(--raio-pill);background:var(--panel-2);color:var(--text);font:inherit;font-size:var(--t-14);cursor:pointer;transition:border-color var(--transicao) var(--curva);display:inline-flex}.rota:hover,.rota:focus-visible{border-color:var(--crystal)}.rota-glifo{color:var(--crystal)}.planeta{align-items:center;gap:var(--e-2);width:100%;min-height:var(--toque);padding:var(--e-2) 0;border:0;border-bottom:1px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;display:flex}.planeta .edificio-nome{flex:1}.planeta-meu{border-left:2px solid var(--crystal);padding-left:var(--e-2)}.chip-ocupado{color:var(--warn);border-color:var(--warn)}.chip-livre{color:var(--ok);border-color:var(--ok)}.chip-destrocos{color:var(--metal);border-color:var(--metal)}.vazio-linha{padding:var(--e-3) 0;font-size:var(--t-14);color:var(--text-dim)}.garagem{gap:var(--e-2);flex-wrap:wrap;display:flex}.chip-frota{color:var(--text);border-color:var(--line)}.viagem+.viagem{margin-top:var(--e-4);padding-top:var(--e-4);border-top:1px solid var(--line)}.trilha{align-items:center;gap:var(--e-2);margin:var(--e-3) 0;font-size:var(--t-12);color:var(--text-dim);display:flex}.trilha-ponta{white-space:nowrap;text-overflow:ellipsis;max-width:34%;overflow:hidden}.trilha-linha{background:linear-gradient(90deg, var(--line), var(--crystal), var(--line));border-radius:1px;flex:1;height:2px;position:relative}.trilha-nave{color:var(--crystal);transition:left var(--transicao) linear;margin-left:-5px;font-style:normal;position:absolute;top:-7px;left:0}.doutrina{gap:var(--e-3);flex-direction:column;display:flex}.doutrina-linha{padding:var(--e-3);border:1px solid var(--line);border-radius:var(--raio);background:var(--panel-2)}.doutrina-linha [aria-pressed=true]{border-color:var(--crystal);box-shadow:inset 0 0 0 1px var(--crystal)}.confronto{gap:var(--e-3);margin:var(--e-3) 0;grid-template-columns:1fr 1fr;display:grid}.rounds{gap:var(--e-2);flex-direction:column;max-height:46vh;display:flex;overflow-y:auto}.round{padding:var(--e-2) var(--e-3);border-left:2px solid var(--line)}.round .sistema-explicacao{margin:0}.replay{gap:var(--e-2);flex-direction:column;display:flex}.replay .palco{border:1px solid var(--line);border-radius:var(--raio);background:var(--void)}.replay [data-replay]{min-width:var(--toque);justify-content:center}.replay .rota[disabled]{opacity:.45;cursor:not-allowed}