:root{--bg:#0b0f1a;--surface:#151b2c;--surface-2:#1d2540;--border:#2a3354;--text:#e6e9f2;--muted:#8a93ab;--accent:#5b8cff;--accent-strong:#3565d6;--ok:#3ecf8e;--warn:#f5b945;--danger:#ff6b6b;--metal:#b8c2d6;--crystal:#7fd3ff;--fuel:#ffb36b;--energy:#f5d445;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent)}h1,h2{margin:0 0 12px;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.2rem}code{background:var(--surface-2);border-radius:4px;padding:1px 6px;font-family:ui-monospace,Cascadia Code,monospace}.shell{max-width:1440px;margin:0 auto;padding:16px}.header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.brand{color:var(--text);font-size:1.3rem;font-weight:700;text-decoration:none}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:6px 10px;text-decoration:none}.nav a.active{color:var(--text);background:var(--surface)}.header__user{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card--narrow{max-width:440px;margin:40px auto}.centered{text-align:center;color:var(--muted);margin-top:64px}.muted{color:var(--muted)}.prose{max-width:760px}.prose li{margin-bottom:6px}.status{background:var(--surface);border-radius:999px;padding:4px 10px;font-size:.875rem}.status--connected{color:var(--ok)}.status--connecting,.status--reconnecting{color:var(--warn)}.status--offline{color:var(--muted)}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;margin:0 0 12px;padding:2px 10px;font-size:.8rem;display:inline-block}.facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 16px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.form{flex-direction:column;gap:14px;margin-bottom:12px;display:flex}.form__row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.field{flex-direction:column;gap:4px;display:flex}input[type=text],input[type=password],input[type=number],input[type=time],input:not([type]){font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.checkbox{align-items:flex-start;gap:8px;display:flex}.checkbox input{margin-top:4px}button{font:inherit;background:var(--accent-strong);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 16px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.button--ghost{border-color:var(--border);color:var(--text);background:0 0;padding:4px 12px}.actions{flex-wrap:wrap;gap:8px;display:flex}.error{color:var(--danger);margin:0}.list{margin:12px 0 0;padding:0;list-style:none}.list>li{border-top:1px solid var(--border);padding:8px 0}.list--compact>li{padding:4px 0;font-size:.9rem}.list__row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.list__actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.game-header{z-index:10;background:var(--bg);margin-bottom:8px;padding:8px 0 12px;position:sticky;top:0}.pause-banner{background:color-mix(in srgb, var(--warn) 18%, var(--surface));color:var(--warn);border-radius:8px;margin:0 0 8px;padding:8px 12px}.resource-bar{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:stretch;gap:8px;display:grid}.planet-select select{font:inherit;width:100%;height:100%;min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 8px}.resource{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:0;padding:6px 10px;display:flex}.resource__label{color:var(--muted);font-size:.75rem}.resource__value{font-variant-numeric:tabular-nums;font-weight:600}.resource__value--full,.resource__value--warn{color:var(--warn)}.resource__meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.resource--metal .resource__label{color:#b8c2d6}.resource--crystal .resource__label{color:#7fd3ff}.resource--fuel .resource__label{color:#ffb36b}.resource--metal{--res-color:var(--metal)}.resource--crystal{--res-color:var(--crystal)}.resource--fuel{--res-color:var(--fuel)}.resource--stock{background:linear-gradient(to right, color-mix(in srgb, var(--res-color) 18%, var(--surface)) var(--fill,0%), var(--surface) var(--fill,0%))}.resource--nearly-full{--res-color:var(--warn)}.resource--full{border-color:var(--warn)}.title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.title-row h1{margin:0}.title-row input{flex:1;min-width:160px}.badge--ok{color:var(--ok)}.start-box{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px;padding-top:16px;display:flex}.button--danger{border-color:var(--danger);color:var(--danger);background:0 0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grid--wide-first{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}@media (width<=800px){.grid--wide-first{grid-template-columns:1fr}}.game-shell{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:20px;display:grid}.tabs{border-right:1px solid var(--border);flex-direction:column;gap:2px;max-height:calc(100vh - 170px);padding-right:8px;display:flex;position:sticky;top:150px;overflow-y:auto}.tabs a{color:var(--muted);white-space:nowrap;border-left:3px solid #0000;border-radius:0 8px 8px 0;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.tabs a:hover{color:var(--text);background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.tabs a.active{color:var(--text);border-left-color:var(--accent);background:var(--surface-2)}.tabs a .icon{flex:none}.tabs a .count{margin-left:auto}.count{background:var(--accent-strong);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:6px;padding:0 6px;font-size:.75rem;display:inline-block}.building{flex-direction:column;gap:4px;display:flex}.building__desc{margin:0;font-size:.9rem}.building .badge{margin:0}.requirements{color:var(--warn);margin:0;font-size:.9rem}.cost{flex-wrap:wrap;gap:8px;display:inline-flex}.cost__item{font-variant-numeric:tabular-nums}.cost__item--lacking{color:var(--danger)}.progress{align-items:center;gap:10px;margin-top:6px;display:flex}.progress__bar{background:var(--surface-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress__bar span{background:var(--accent);height:100%;transition:width 1s linear;display:block}.spaced{margin-top:20px}.notice{background:var(--surface-2);border-radius:8px;padding:8px 12px}.notification--unread{font-weight:600}.unit-stats{flex-wrap:wrap;gap:2px 14px;margin:0;font-size:.85rem;display:flex}.unit-stats dt{color:var(--muted)}.unit-stats dt:after{content:":"}.unit-stats dd{font-variant-numeric:tabular-nums;margin:0 0 0 -10px}.unit-order input[type=number]{width:7.5rem}.shipyard__progress{margin:4px 0 0;font-size:.9rem}select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 8px}fieldset{border:1px solid var(--border);border-radius:8px;min-width:0;margin:0;padding:8px 12px 12px}legend{color:var(--muted);padding:0 6px;font-size:.9rem}.fleet-form__row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.fleet-form__row label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.fleet-form .facts{margin:0}.stack{flex-direction:column;gap:16px;display:flex}.card--danger{border-color:var(--danger)}.badge--warn{color:var(--warn)}.badges .badge{margin:0 4px 0 0}.alert-banner{background:color-mix(in srgb, var(--danger) 20%, var(--surface));color:var(--text);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 8px;padding:8px 12px;display:flex}.table-wrap{margin-top:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-top:1px solid var(--border);vertical-align:top;padding:6px 8px}.table th{color:var(--muted);border-top:none;font-weight:500}.table__row--own{background:color-mix(in srgb, var(--accent) 10%, transparent)}.table__actions{flex-wrap:wrap;gap:4px 10px;display:flex}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.game-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;padding-bottom:64px;display:grid}.chat{flex-direction:column;gap:8px;min-height:0;padding:14px;display:flex}.chat__tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat__tabs select{flex:1;min-width:110px;padding:4px 6px;font-size:.85rem}.chat__tab{border:1px solid var(--border);color:var(--muted);background:0 0;padding:4px 10px;font-size:.85rem}.chat__tab--active{color:var(--text);border-color:var(--accent)}.chat__messages{flex:1;min-height:160px;margin:0;padding:0;font-size:.9rem;list-style:none;overflow-y:auto}.chat__msg{overflow-wrap:anywhere;padding:3px 0}.chat__msg--own strong{color:var(--accent)}.chat__form{gap:6px;display:flex}.chat__form input{flex:1;min-width:0}.toggle{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:.85rem;display:inline-flex}.results__stats{grid-column:1/-1}.winner{font-size:1.1rem}.chart{margin:0}.chart__legend{color:var(--text);flex-wrap:wrap;gap:4px 16px;margin:0 0 8px;padding:0;font-size:.85rem;list-style:none;display:flex}.chart__legend li{align-items:center;gap:6px;display:inline-flex}.chart__swatch{border-radius:2px;width:12px;height:3px;display:inline-block}.chart__swatch--other{background:var(--border)}.chart__plot{position:relative}.chart__plot svg{touch-action:none;width:100%;height:auto;display:block}.chart__grid{stroke:var(--border);stroke-width:1px;opacity:.6}.chart__tick{fill:var(--muted);font-size:11px}.chart__line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart__line--other{stroke:var(--border);stroke-width:1.5px}.chart__crosshair{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3}.chart__dot{stroke:var(--surface);stroke-width:2px}.chart__tooltip{background:var(--surface-2);border:1px solid var(--border);pointer-events:none;white-space:nowrap;border-radius:8px;flex-direction:column;gap:2px;padding:6px 10px;font-size:.8rem;display:flex;position:absolute;top:8px;transform:translate(-50%)}.chart__tooltip span{align-items:center;gap:6px;display:inline-flex}.form-submit{align-items:flex-end;display:flex}.icon{vertical-align:-.2em;flex:none;display:inline-block}.icon--metal{color:var(--metal)}.icon--crystal{color:var(--crystal)}.icon--fuel{color:var(--fuel)}.icon--energy{color:var(--energy)}.resource__label{align-items:center;gap:4px;display:inline-flex}.cost__item{align-items:center;gap:3px;display:inline-flex}.building--with-icon{grid-template-columns:44px minmax(0,1fr);align-items:start;column-gap:12px;display:grid}.building--with-icon>*{grid-column:2}.building__icon{background:var(--surface-2);width:44px;height:44px;color:var(--accent);border-radius:10px;grid-area:1/1/span 6;place-items:center;display:grid}.building__icon--locked{color:var(--muted)}.label-with-icon{align-items:center;gap:6px;display:inline-flex}.icon--category-military{color:var(--danger)}.icon--category-fleet{color:var(--accent)}.icon--category-economy{color:var(--ok)}.icon--category-match{color:var(--warn)}.planet{display:block;overflow:visible}.galaxy-overview{overflow-x:auto}.galaxy-overview svg{width:100%;height:auto;display:block}.galaxy-overview__row{cursor:pointer}.galaxy-overview__hit{fill:#0000}.galaxy-overview__row:hover .galaxy-overview__hit{fill:var(--surface-2)}.galaxy-overview__current{fill:color-mix(in srgb, var(--accent) 16%, transparent)}@media (prefers-reduced-motion:no-preference){.galaxy-overview__fleet{transition:cx 1s linear,cy 1s linear}}.galaxy-legend{color:var(--muted);margin-top:8px}.galaxy-legend__dot{border-radius:50%;width:10px;height:10px;display:inline-block}.galaxy-legend__dot--free{border:1.2px solid #4a5578}.galaxy-legend__ring{border-radius:50%;width:12px;height:12px;display:inline-block}.galaxy-legend__ring--shield{border:1px dashed #3ecf8e}.galaxy-legend__line{border-top:2px dashed var(--accent);width:16px;display:inline-block}.system-map{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;margin-top:12px;display:grid}.system-map__star{background:radial-gradient(circle at 40% 40%,#fff8d6,#f5b945 45%,#d95926 75%,#0000 76%);border-radius:50%;width:56px;height:56px;box-shadow:0 0 28px 6px #f5b94559}.system-map__orbit{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.system-map__orbit{grid-template-columns:repeat(10,minmax(0,1fr))}}.system-map__planet{width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px;font-size:.75rem;display:flex}.system-map__planet:hover,.system-map__planet--selected{background:var(--surface-2);border-color:var(--border)}.system-map__pos{color:var(--muted)}.system-map__name,.system-map__owner{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.system-map__owner{color:var(--muted)}.system-map__details{background:var(--surface-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;padding:10px 12px;display:flex}.mechanics{flex-direction:column;gap:16px;max-width:900px;display:flex}.flow{margin:8px 0;overflow-x:auto}.flow svg{width:100%;min-width:560px;height:auto;display:block}.flow__box rect{fill:var(--surface-2);stroke:var(--accent);stroke-width:1.5px}.flow__box{color:var(--accent)}.flow__box--ok rect{stroke:var(--ok)}.flow__box--ok{color:var(--ok)}.flow__box--warn rect{stroke:var(--warn)}.flow__box--warn{color:var(--warn)}.flow__box--danger rect{stroke:var(--danger)}.flow__box--danger{color:var(--danger)}.flow__box--muted rect{stroke:var(--border)}.flow__box--muted{color:var(--muted)}.flow__title{fill:var(--text);font-size:14px;font-weight:600}.flow__note{fill:var(--muted);font-size:11.5px}.flow__arrow line{stroke:var(--muted);stroke-width:1.5px}.flow__head{fill:var(--muted)}.flow__label{fill:var(--text);paint-order:stroke;stroke:var(--surface);stroke-width:4px;font-size:11.5px}.tech-tree{border:1px solid var(--border);background:var(--bg);border-radius:8px;max-height:75vh;margin:8px 0;overflow:auto}.tech-tree svg{display:block}.tech-edge path{fill:none;stroke:var(--border);stroke-width:1.5px}.tech-edge--active path{stroke:var(--accent);stroke-width:2px}.tech-edge__level{fill:var(--muted);font-size:9px}.tech-node{cursor:default;outline:none}.tech-node rect{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.tech-node text{fill:var(--text);font-size:12px}.tech-node{color:var(--accent)}.tech-node--tech{color:var(--crystal)}.tech-node--unit{color:var(--fuel)}.tech-node--done rect{fill:color-mix(in srgb, var(--accent) 22%, var(--surface));stroke:var(--accent)}.tech-node--available rect{stroke:var(--ok)}.tech-node--locked text{fill:var(--muted)}.tech-node--locked{color:var(--muted)}.tech-node:focus-visible rect{stroke:var(--text);stroke-width:2.5px}.tree-legend{border:1.5px solid var(--border);border-radius:3px;width:14px;height:10px;display:inline-block}.tree-legend--done{background:color-mix(in srgb, var(--accent) 22%, var(--surface));border-color:var(--accent)}.tree-legend--available{border-color:var(--ok)}.timeline__run{fill:color-mix(in srgb, var(--ok) 25%, var(--surface))}.timeline__pause{stroke:var(--warn);stroke-width:1px}.timeline__hatch{stroke:var(--warn);stroke-width:2px;opacity:.5}.timeline__label{fill:var(--text);font-size:12px}.timeline__note{fill:var(--muted);font-size:11.5px}.timeline__note--strong{fill:var(--text)}.timeline__due{stroke:var(--text);stroke-width:2px}.timeline__due--old{stroke:var(--muted);stroke-dasharray:3 3}.timeline__shift{fill:none;stroke:var(--warn);stroke-width:1.5px;stroke-dasharray:4 3}.timeline__axis{stroke:var(--border)}.combat-viz{border:1px solid var(--border);background:var(--bg);border-radius:10px;margin:12px 0 8px;padding:12px}.combat-viz h3{margin:0 0 8px}.combat-viz__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.combat-viz__controls button{align-items:center;gap:6px;display:inline-flex}.combat-viz__chart{margin:10px 0;overflow-x:auto}.combat-viz__chart svg{width:100%;min-width:520px;height:auto;display:block}.combat-viz__side{font-size:12px;font-weight:600}.combat-viz__highlight{fill:var(--surface-2)}.combat-viz__units{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px;display:grid}.combat-viz__side-units{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.combat-viz__side-units--attacker{color:#d95926}.combat-viz__side-units--defender{color:#3987e5}.combat-viz__unit{grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:6px;font-size:.9rem;display:grid}.combat-viz__unit span,.combat-viz__unit strong{color:var(--text)}.combat-viz__unit strong{font-variant-numeric:tabular-nums}.combat-viz__unit--gone{opacity:.4}.combat-viz__loss{font-weight:600;color:var(--danger)!important}@media (prefers-reduced-motion:no-preference){.combat-viz__loss{animation:.9s ease-out loss-flash}}@keyframes loss-flash{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:1;transform:none}}.combat-viz__result{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:10px 0 0;display:flex}.combat-viz__result .badge{margin:0}.surface{border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(120% 90% at 25% 15%, color-mix(in srgb, var(--surface-light) 55%, transparent), transparent 60%), linear-gradient(160deg, var(--surface-base), var(--surface-dark));margin:12px 0;padding:14px;position:relative;overflow:hidden}.surface__terrain{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.surface__grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.slot{--slot-color:var(--accent);aspect-ratio:1;border:1px solid #ffffff29;border-bottom:3px solid var(--slot-color);width:100%;color:var(--slot-color);cursor:pointer;background:#080c18b8;border-radius:14px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 -6px 12px #00000059}.slot:hover{border-color:#ffffff73;border-bottom-color:var(--slot-color)}.slot:focus-visible{outline:2px solid var(--text);outline-offset:2px}.slot--selected{box-shadow:0 0 0 2px var(--slot-color), inset 0 -6px 12px #00000059}.slot--empty{box-shadow:none;color:#ffffff8c;background:#080c182e;border:1px dashed #ffffff38}.slot--empty:hover,.slot--empty.slot--selected{color:var(--text);background:#080c1873}.slot--empty.slot--selected{box-shadow:0 0 0 2px var(--accent)}.slot--reserved{border-style:dashed;border-color:var(--slot-color)}.slot__plus{font-size:1.2rem;line-height:1}.slot__number{color:var(--muted);font-size:.7rem;position:absolute;top:4px;left:7px}.slot__level{background:var(--surface-2);min-width:20px;color:var(--text);text-align:center;border-radius:999px;padding:0 5px;font-size:.75rem;font-weight:600;position:absolute;bottom:5px;right:5px}.slot__level:empty{display:none}.slot__warn{color:var(--warn);filter:drop-shadow(0 0 3px #f5b945cc);font-size:.8rem;position:absolute;top:3px;right:5px}.slot__ring{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px}.slot__ring rect{fill:none;stroke:var(--ok);stroke-width:3px;stroke-linecap:round}.slot--demolishing .slot__ring rect{stroke:var(--warn)}.slot__glow{pointer-events:none;opacity:0;box-shadow:0 0 18px 4px var(--slot-color);border-radius:14px;position:absolute;inset:0}.building-art--planned{opacity:.45}@media (prefers-reduced-motion:no-preference){.slot__ring rect{transition:stroke-dasharray 1s linear}.slot__glow{animation:1.6s ease-out slot-done}.building-art__scaffold{animation:1.8s ease-in-out infinite scaffold-pulse}}@keyframes slot-done{0%{opacity:1}to{opacity:0}}@keyframes scaffold-pulse{50%{opacity:.4}}.surface--mini{margin:8px 0 0;padding:8px}.surface__grid--mini{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:5px}.mini-slot{aspect-ratio:1;background:#080c18b3;border-bottom:2px solid #0000;border-radius:7px;place-items:center;display:grid}.mini-slot--empty{background:#080c182e;border:1px dashed #fff3}.planet-hero{align-items:center;gap:16px;display:flex}.planet-hero>:last-child{flex:1;min-width:0}.planet-hero__link{color:inherit;text-decoration:none;display:block}.planet-hero__link:hover .surface,.planet-hero__link:focus-visible .surface{border-color:var(--accent)}.slot-panel{min-height:60px;scroll-margin-top:12px}.building__effect{color:var(--ok);margin:0;font-size:.9rem}.preview{flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.preview__up{color:var(--ok)}.preview__down{color:var(--danger)}.preview__warn{color:var(--warn);margin:0;font-size:.85rem}.build-menu__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.build-menu__head h3{margin:0}.build-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.build-card{border:1px solid var(--border);border-top:3px solid var(--card-color,var(--border));background:var(--surface-2);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.build-card--blocked{border-top-color:var(--border)}.build-card--blocked .building-art{opacity:.45}.build-card--blocked .build-card__title strong{color:var(--muted)}.build-card__title{align-items:center;gap:8px;display:flex}.build-card__title strong{line-height:1.2}.build-card__meta{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.85rem;display:flex}.build-card button{margin-top:auto}@media (width<=480px){.build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.build-card{padding:8px}.build-card .building-art{width:36px;height:36px}.build-card__title strong{font-size:.85rem}}.meter{background:var(--surface-2);border-radius:999px;height:4px;margin-top:4px;display:block;overflow:hidden}.meter>span{background:var(--energy);height:100%;display:block}.meter--warn>span{background:var(--danger)}.small{margin:0;font-size:.8rem}.building__icon--art{background:#080c1899}.surface--icy .slot--empty,.surface--cold .slot--empty{color:var(--text);background:#080c1861;border-color:#ffffff80}.surface--icy .slot__number{color:var(--text)}.afford-hint{color:var(--muted);white-space:nowrap;font-size:.8rem}.afford-hint--never{color:var(--warn);white-space:normal}.empire td .small{display:block}.empire tfoot th,.empire tfoot td{border-top:2px solid var(--border);font-weight:600}.empire__planet{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.empire__planet:hover strong{color:var(--accent)}.empire__planet .small{display:block}.empire .meter{min-width:60px}@media (width<=640px){.empire thead{display:none}.empire,.empire tbody,.empire tfoot,.empire tr,.empire td,.empire th{width:100%;display:block}.empire tr{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;margin-bottom:12px;padding:8px 10px}.empire td,.empire tfoot th{text-align:right;border:0;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;padding:4px 0;display:flex}.empire td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left}.empire td .small{display:inline}.empire td:first-child:before,.empire tfoot td:empty{display:none}}.timeline{margin:0;padding:0;list-style:none}.timeline__item{border-bottom:1px solid var(--border);color:var(--accent);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0;display:grid}.timeline__item:last-child{border-bottom:0}.timeline__text{color:var(--text);font-size:.9rem}.timeline__time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.timeline__item--hostile{color:var(--danger)}.timeline__item--hostile .timeline__text,.timeline__item--hostile .timeline__time{color:var(--danger);font-weight:600}.notify-settings{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;margin:0 0 12px;padding:8px 12px;display:flex}.notify-settings legend{color:var(--muted);padding:0 4px;font-size:.85rem}.mobile-nav,.mobile-nav__menu,.mobile-nav__backdrop{display:none}@media (width<=800px){.game-shell{grid-template-columns:minmax(0,1fr)}.tabs{display:none}.game-body{padding-bottom:calc(136px + env(safe-area-inset-bottom))}.mobile-nav{z-index:30;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 94%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav__item{color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:6px 2px;font-size:.7rem;text-decoration:none;display:flex}.mobile-nav__item.active{color:var(--text);background:var(--surface-2)}.mobile-nav__icon{place-items:center;height:24px;display:grid;position:relative}.mobile-nav__icon .count{margin:0;font-size:.65rem;position:absolute;top:-6px;left:14px}.mobile-nav__dots{font-size:1.4rem;line-height:1}.mobile-nav__backdrop{z-index:28;background:#00000073;display:block;position:fixed;inset:0}.mobile-nav__menu{right:8px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:29;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:8px;list-style:none;display:grid;position:fixed;left:8px;box-shadow:0 -8px 24px #0006}.mobile-nav__menu a{color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:12px 10px;text-decoration:none;display:flex}.mobile-nav__menu a.active{background:var(--surface-2);color:var(--accent)}}kbd{border:1px solid var(--border);background:var(--surface-2);min-width:1.6em;color:var(--text);text-align:center;border-bottom-width:2px;border-radius:5px;padding:0 5px;font:600 .8rem/1.5 ui-monospace,monospace;display:inline-block}.shortcut-hint{border:1px solid var(--border);background:var(--surface);color:var(--muted);flex:none;align-self:flex-start;margin:12px 0 0 12px;padding:2px 8px;font-size:.8rem}@media (width<=800px),(pointer:coarse){.shortcut-hint{display:none}}.shortcut-help{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:calc(100% - 32px);max-width:420px;color:var(--text);padding:20px}.shortcut-help::backdrop{background:#0000008c}.shortcut-help h2{margin-top:0}.shortcut-help__row{display:contents}.toasts{z-index:40;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--surface);pointer-events:auto;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex;box-shadow:0 8px 24px #00000073}.toast--urgent{border-left-color:var(--danger)}.toast__text{color:var(--text);flex:1;font-size:.9rem;text-decoration:none}button.toast__text{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem}.toast__text:hover{text-decoration:underline}.toast__close{color:var(--muted);background:0 0;border:0;padding:0 6px;font-size:1.1rem;line-height:1.2}@media (prefers-reduced-motion:no-preference){.toast{animation:.25s ease-out toast-in}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=800px){.toasts{right:16px;bottom:calc(80px + env(safe-area-inset-bottom))}}.chat__tablist{gap:6px;display:flex}.sim-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.sim-side{border:1px solid var(--border);border-top:3px solid var(--side-color);border-radius:10px;flex-direction:column;gap:8px;margin:0;padding:10px 12px;display:flex}.sim-side--attacker{--side-color:#d95926}.sim-side--defender{--side-color:#3987e5}.sim-side>legend{padding:0 6px;font-weight:600}.sim-fieldset{border:0;margin:0;padding:0}.sim-fieldset legend{color:var(--muted);align-items:center;gap:8px;margin-bottom:4px;font-size:.85rem;display:flex}.sim-techs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:.8rem;display:grid}.sim-techs label{flex-direction:column;gap:2px;display:flex}.sim-techs input,.sim-unit input{width:100%;min-width:0}.sim-units{flex-direction:column;gap:4px;display:flex}.sim-unit{grid-template-columns:16px minmax(0,1fr) 90px;align-items:center;gap:6px;font-size:.85rem;display:grid}.sim-bar{background:var(--surface-2);border-radius:4px;gap:2px;height:18px;display:flex;overflow:hidden}.sim-bar>span{height:100%;display:block}.sim-legend{flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.sim-legend__dot{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.sim-page{flex-direction:column;gap:16px;display:flex}.sim-techs label{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.galaxy-legend__dot--diamond{border-radius:1px;transform:rotate(45deg)scale(.85)}.market-offer .list__row{flex-wrap:wrap}.market-form{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.facts__group{display:contents}.achievements{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.achievement{border:1px dashed var(--border);color:var(--muted);border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.achievement>span{flex-direction:column;display:flex}.achievement--done{border-style:solid;border-color:var(--warn);background:color-mix(in srgb, var(--warn) 8%, transparent);color:var(--warn)}.achievement--done strong{color:var(--text)}.achievement-badges{vertical-align:middle;color:var(--warn);gap:4px;margin-left:8px;display:inline-flex}.achievement-badge{place-items:center;display:inline-grid}.chat-dock{z-index:35;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.chat-dock__panel{border-radius:var(--radius);width:min(380px,100vw - 32px);height:min(520px,100vh - 220px);display:flex;box-shadow:0 12px 32px #00000080}.chat--dock{flex:1;margin:0}.chat-dock__toggle{border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:relative;box-shadow:0 6px 18px #00000073}.chat-dock__toggle .count{background:var(--danger);margin-left:2px}.chat-dock__pulse{pointer-events:none;border-radius:999px;position:absolute;inset:-3px}.chat-dock__toggle--new{outline:2px solid var(--warn);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.chat-dock__toggle--new .chat-dock__pulse{animation:.6s ease-in-out 3 chat-blink}}@keyframes chat-blink{0%,to{background:0 0;box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--warn) 55%, transparent);background:color-mix(in srgb, var(--warn) 35%, transparent)}}.toasts{bottom:76px}body:has(.chat-dock--open) .toasts{right:calc(min(380px,100vw - 32px) + 32px)}@media (width<=800px){.chat-dock{bottom:calc(80px + env(safe-area-inset-bottom))}.chat-dock__panel{height:min(520px,100vh - 300px)}.toasts{bottom:calc(140px + env(safe-area-inset-bottom))}body:has(.chat-dock--open) .toasts{display:none}}.planet-stepper{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:8px 0 4px;display:grid}.planet-stepper__button{align-items:center;gap:6px;min-width:0;min-height:44px;padding:4px 10px;display:inline-flex}.planet-stepper__button--prev{justify-self:start}.planet-stepper__button--next{flex-direction:row-reverse;justify-self:end}.planet-stepper__button .planet{flex:none}.planet-stepper__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.planet-stepper__current{text-align:center;flex-direction:column;align-items:center;margin:0;display:flex}.planet-switch--next,.planet-switch--prev{overflow:hidden}@media (width<=480px){.planet-stepper__name{display:none}}@media (prefers-reduced-motion:no-preference){.planet-switch--next>:first-child{animation:.35s ease-out planet-in-next}.planet-switch--prev>:first-child{animation:.35s ease-out planet-in-prev}.planet-switch--fade>:first-child{animation:.3s ease-out planet-in-fade}}@keyframes planet-in-next{0%{opacity:0;transform:translate(40px)}}@keyframes planet-in-prev{0%{opacity:0;transform:translate(-40px)}}@keyframes planet-in-fade{0%{opacity:0}}.planet-stepper-card{margin-bottom:16px;padding:8px 14px}.planet-stepper-card .planet-stepper{margin:0}.resource--stock{position:relative}.resource__eta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem;position:absolute;top:6px;right:8px}.resource__eta--full{color:var(--warn);font-weight:600}@media (width<=800px){.resource__eta{display:block;position:static}}.orbit{border:1px dashed var(--border);border-radius:var(--radius);background:radial-gradient(at 20% 0,#40c4c01f,#0000 70%);align-items:flex-start;gap:12px;margin:8px 0 12px;padding:10px 12px;display:flex}.orbit--active{border-style:solid;border-color:#40c4c08c}.orbit__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.orbit__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}.resource__pool{color:#40c4c0;font-size:.7rem}.modal-backdrop{z-index:60;background:#04060eb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);box-shadow:0 18px 48px #0009}.planet-dock{z-index:35;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;bottom:16px;left:16px}.planet-dock__panel{width:min(300px,100vw - 32px);max-height:min(460px,100vh - 220px);margin:0;padding:8px;overflow-y:auto;box-shadow:0 12px 32px #00000080}.planet-dock__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.planet-dock__item{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.planet-dock__item:hover{background:#ffffff0f}.planet-dock__item--current{border-color:var(--accent);background:#5b8cff1f}.planet-dock__item .planet{flex:none}.planet-dock__text{flex-direction:column;min-width:0;display:flex}.planet-dock__text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.planet-dock__toggle{border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;box-shadow:0 6px 18px #00000073}.count--neutral{background:#ffffff38}@media (width<=800px){.planet-dock{bottom:calc(80px + env(safe-area-inset-bottom))}.planet-dock__panel{max-height:min(420px,100vh - 300px)}}.building--art-lg{grid-template-columns:64px minmax(0,1fr)}.building--art-lg .building__icon{width:64px;height:64px}.list__actions--stacked{flex-direction:column;align-items:flex-end;gap:4px}.badge--ai{color:#9ff0ec;letter-spacing:.04em;border:1px solid #40c4c0;margin-left:4px;font-size:.7rem}.galaxy3d{flex-direction:column;gap:8px;display:flex}.galaxy3d__svg{aspect-ratio:1;border-radius:var(--radius);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:radial-gradient(#121832 0%,#0b0f1a 70%);width:100%;max-width:640px;margin:0 auto;display:block}.galaxy3d__svg:active{cursor:grabbing}.galaxy3d__system{cursor:pointer;outline:none}.galaxy3d__system:focus-visible path{stroke:#f5b945;stroke-width:2px}.galaxy3d__label{fill:var(--text);paint-order:stroke;stroke:#0b0f1a;stroke-width:3px;font-size:12px;font-weight:600}.galaxy3d__controls{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.system-map__planet{position:relative}.system-map__orbit-ring{pointer-events:none;border:1.5px dashed #40c4c0;border-radius:50%;width:72px;height:72px;margin-left:-36px;position:absolute;top:4px;left:50%}.system-map__orbit-count{color:#9ff0ec;background:#1c2a3a;border:1px solid #40c4c0;border-radius:999px;padding:0 5px;font-size:.68rem;line-height:1.4;position:absolute;top:-6px;right:-8px}.orbit-info{border:1px dashed #40c4c099;border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.orbit-info__row{display:contents}