:root{--color-page-background: #080b14;--color-surface: rgb(10 16 31 / 84%);--color-surface-raised: rgb(18 28 52 / 88%);--color-surface-interactive: rgb(29 48 83 / 92%);--color-text-primary: #edf4ff;--color-text-secondary: #c8d5ea;--color-text-muted: #8191ac;--color-accent: #64f3ce;--color-accent-strong: #71a6ff;--color-positive: #64f3ce;--color-warning: #f6c869;--color-danger: #ff7293;--color-border-subtle: rgb(159 189 255 / 22%);--color-border-strong: rgb(159 189 255 / 48%);--color-map-grid: rgb(127 157 255 / 12%);--color-map-route: rgb(113 166 255 / 42%);--color-map-nexus: rgb(100 243 206 / 42%);--color-district-owned: #64f3ce;--color-district-hostile: #ff7293;--color-district-neutral: #f6c869;--color-glow-primary: rgb(41 101 240 / 28%);--color-glow-secondary: rgb(32 229 183 / 18%);--color-shadow: rgb(0 0 0 / 32%);--opacity-disabled: .55;--font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-display: Georgia, "Times New Roman", serif;--font-size-body: 1.08rem;--font-size-ui: .94rem;--font-size-ui-small: .75rem;--font-size-label: .85rem;--font-size-display: clamp(3rem, 10vw, 6rem);--font-size-heading: 1.15rem;--font-size-title: 1.5rem;--font-size-page-title: clamp(1.8rem, 4vw, 3rem);--font-weight-regular: 400;--font-weight-strong: 600;--font-weight-label: 700;--font-weight-display: 500;--line-height-body: 1.6;--line-height-display: .95;--letter-spacing-label: .11em;--size-page-min-width: 20rem;--size-app-max-width: 96rem;--size-sidebar: 19rem;--size-map-min-height: 31rem;--size-map-district-node: 10rem;--size-navigation-icon: 2.25rem;--size-navigation-item-min: 8rem;--size-district-min: 7rem;--size-carrier-terms-min-height: 5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-page: var(--space-6);--radius-surface: 1rem;--radius-control: .65rem;--radius-pill: 999px;--border-width-default: 1px;--shadow-surface: 0 2rem 5rem var(--color-shadow);--shadow-glow: 0 0 2.5rem rgb(100 243 206 / 14%);--glow-primary-position: 20% 20%;--glow-secondary-position: 80% 80%;--glow-primary-size: 35rem;--glow-secondary-size: 32rem;--transition-fast: .14s ease}.app-shell{min-height:100vh;padding:var(--space-page);background:radial-gradient(circle at var(--glow-primary-position),var(--color-glow-primary),transparent var(--glow-primary-size)),radial-gradient(circle at var(--glow-secondary-position),var(--color-glow-secondary),transparent var(--glow-secondary-size)),var(--color-page-background)}.app-frame{width:min(100%,var(--size-app-max-width));margin:0 auto}.topbar,.panel,.city-map{border:var(--border-width-default) solid var(--color-border-subtle);background:var(--color-surface);box-shadow:var(--shadow-surface)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);border-radius:var(--radius-surface);padding:var(--space-4) var(--space-5)}.brand{display:flex;align-items:baseline;gap:var(--space-3)}.brand__title,.panel__title,.map__title{margin:0;color:var(--color-text-primary);font-weight:var(--font-weight-strong)}.brand__title{font-family:var(--font-family-display);font-size:var(--font-size-title)}.brand__tag,.cycle-label,.resource__label,.district__status,.activity__time,.district-summary__label{color:var(--color-text-muted);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.topbar__status{display:flex;align-items:center;gap:var(--space-3)}.status-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-positive);box-shadow:var(--shadow-glow)}.cycle-label{color:var(--color-accent)}.command-workspace{margin-top:var(--space-5)}.mission-briefing{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:var(--space-5);margin-top:var(--space-4);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--radius-surface);padding:var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-surface)}.mission-briefing__intro{align-content:start}.mission-briefing__eyebrow,.mission-choice__eyebrow,.resource__hint{color:var(--color-text-muted);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.mission-briefing h2{margin:var(--space-2) 0 0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-page-title);line-height:var(--line-height-display)}.mission-briefing p{margin:var(--space-3) 0 0;color:var(--color-text-secondary);line-height:var(--line-height-body)}.mission-briefing__moves{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-ui-small)}.mission-briefing__moves strong{color:var(--color-accent)}.mission-progress{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;color:var(--color-text-muted);font-size:var(--font-size-ui-small);list-style:none;text-transform:uppercase}.mission-progress li{display:inline-flex;align-items:center;gap:var(--space-1)}.mission-progress span{display:inline-grid;width:var(--space-4);height:var(--space-4);place-items:center;border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-round)}.mission-progress [aria-current=step]{color:var(--color-accent)}.mission-progress [aria-current=step] span{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.mission-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.mission-choice{display:flex;min-width:0;flex-direction:column;gap:var(--space-2);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-4);color:var(--color-text-secondary);background:var(--color-surface-raised);cursor:pointer;text-align:left}.mission-choice:hover,.mission-choice:focus-visible{border-color:var(--color-accent-strong);background:var(--color-surface-interactive)}.mission-choice:focus-visible{outline:var(--border-width-default) solid var(--color-accent);outline-offset:var(--space-1)}.mission-choice strong{color:var(--color-text-primary);font-size:var(--font-size-heading)}.mission-choice span:last-child{font-size:var(--font-size-ui);line-height:var(--line-height-body)}.mission-choice--primary{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.mission-choice--primary .mission-choice__eyebrow{color:var(--color-accent)}.command-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-surface);background:var(--color-surface);box-shadow:var(--shadow-surface)}.command-navigation__item{display:flex;align-items:center;gap:var(--space-3);min-width:0;border:var(--border-width-default) solid transparent;border-radius:var(--radius-control);padding:var(--space-3);color:var(--color-text-secondary);background:transparent;cursor:pointer;text-align:left}.command-navigation__item:hover,.command-navigation__item[aria-current=page]{border-color:var(--color-border-strong);color:var(--color-text-primary);background:var(--color-surface-interactive)}.command-navigation__item:focus-visible{outline:var(--border-width-default) solid var(--color-accent);outline-offset:var(--space-1)}.command-navigation__item strong{display:block}.command-navigation__more{grid-column:1 / -1;color:var(--color-text-secondary)}.command-navigation__more summary{width:fit-content;padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.command-navigation__advanced{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width-default) solid var(--color-border-subtle)}.command-navigation__icon{display:grid;width:var(--size-navigation-icon);height:var(--size-navigation-icon);flex:0 0 auto;place-items:center;border:var(--border-width-default) solid currentColor;border-radius:var(--radius-control);color:var(--color-accent);font-size:var(--font-size-heading)}.resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--size-district-min),1fr));gap:var(--space-3);margin-top:var(--space-5)}.resource,.district-summary{border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-3);background:var(--color-surface-raised)}.resource__value,.district-summary__value{display:block;margin-top:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-heading);font-weight:var(--font-weight-strong)}.resource__hint{display:block;margin-top:var(--space-2);letter-spacing:normal;line-height:var(--line-height-body);text-transform:none}.command-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-5)}.command-page--city{grid-template-columns:minmax(0,1.6fr) minmax(var(--size-sidebar),1fr)}.command-page--logistics{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--size-sidebar)),1fr))}.command-page--logistics>.panel{grid-column:1 / -1}.command-page--operations>.operation-panel:only-child{grid-column:1 / -1}.command-subnavigation{display:flex;grid-column:1 / -1;gap:var(--space-2);padding:var(--space-2);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface)}.command-subnavigation button{border:var(--border-width-default) solid transparent;border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);background:transparent;cursor:pointer;font:inherit;font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.command-subnavigation button[aria-current=page]{border-color:var(--color-border-strong);color:var(--color-text-primary);background:var(--color-surface-interactive)}.command-page--inventory .inventory-panel,.command-page--fleet .carrier-panel,.command-page--workshop .fabrication-panel,.command-page--intel .panel{grid-column:1 / -1}.game-details{border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-3);color:var(--color-text-secondary);background:var(--color-surface-raised)}.game-details summary{cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-ui);font-weight:var(--font-weight-label)}.game-details[open] summary{margin-bottom:var(--space-3)}.dashboard-state{margin-top:var(--space-5);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-surface);padding:var(--space-5);color:var(--color-text-secondary);background:var(--color-surface);box-shadow:var(--shadow-surface);font-size:var(--font-size-ui)}.city-map{overflow:hidden;border-radius:var(--radius-surface)}.map__header,.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-default) solid var(--color-border-subtle)}.map__title,.panel__title{font-size:var(--font-size-heading)}.map__subtitle,.panel__meta,.district-summary__description{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-ui);line-height:var(--line-height-body)}.district-summary__action{margin-top:var(--space-3)}.map__body{position:relative;min-height:var(--size-map-min-height);overflow:hidden;background-image:linear-gradient(var(--color-map-grid) var(--border-width-default),transparent var(--border-width-default)),linear-gradient(90deg,var(--color-map-grid) var(--border-width-default),transparent var(--border-width-default));background-size:var(--space-7) var(--space-7)}.map__routes{position:absolute;inset:0;width:100%;height:100%}.map__routes path,.map__routes circle{fill:none;stroke:var(--color-map-route);stroke-width:var(--border-width-default);stroke-dasharray:var(--space-2) var(--space-2)}.map__routes circle{fill:var(--color-map-nexus);stroke:var(--color-accent)}.map__nexus{position:absolute;top:50%;left:50%;color:var(--color-accent);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);pointer-events:none;transform:translate(-50%,-50%)}.district{position:absolute;top:var(--map-y);left:var(--map-x);display:flex;width:var(--size-map-district-node);min-height:calc(var(--size-district-min) + var(--space-6));flex-direction:column;justify-content:center;gap:var(--space-1);border:var(--border-width-default) solid var(--district-color);border-radius:var(--radius-control);padding:var(--space-3);color:var(--color-text-primary);background:var(--color-surface-raised);box-shadow:inset 0 0 0 var(--border-width-default) var(--color-border-subtle),0 0 var(--space-5) var(--district-color);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);transform:translate(-50%,-50%)}.district:hover,.district[aria-pressed=true]{border-color:var(--color-accent-strong);background:var(--color-surface-interactive);transform:translate(-50%,calc(-50% - var(--space-1)))}.district:focus-visible{outline:var(--border-width-default) solid var(--color-accent);outline-offset:var(--space-1)}.district--owned{--district-color: var(--color-district-owned)}.district--hostile{--district-color: var(--color-district-hostile)}.district--neutral{--district-color: var(--color-district-neutral)}.district__name{font-size:var(--font-size-ui);font-weight:var(--font-weight-strong)}.district__controller,.district__front-state,.district__cue{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-ui-small);line-height:var(--line-height-body);text-overflow:ellipsis;white-space:nowrap}.district__front-state{color:var(--district-color);font-weight:var(--font-weight-label)}.district__cue{color:var(--color-text-muted)}.district__signal{display:block;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--district-color);box-shadow:0 0 var(--space-3) var(--district-color)}.district__status{color:var(--district-color)}.district__front{color:var(--color-text-secondary);font-size:var(--font-size-ui-small);line-height:var(--line-height-body)}.sr-only{position:absolute;width:var(--border-width-default);height:var(--border-width-default);padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel{border-radius:var(--radius-surface)}.panel__body{padding:var(--space-4) var(--space-5)}.district-summary__description{margin-bottom:0}.operation-panel__body,.fabrication-panel__body,.fabrication-recipes,.fabrication-recipe,.fabrication-list__item--stacked,.carrier-panel__body,.carrier-panel__stats,.carrier-panel__field,.logistics-panel__body,.logistics-list,.logistics-quotes,.logistics-card,.inventory-panel__body,.inventory-groups,.inventory-group,.inventory-items,.inventory-locations,.inventory-loadout{display:grid;gap:var(--space-3)}.inventory-overview,.inventory-locations,.inventory-loadout,.inventory-groups{grid-template-columns:repeat(auto-fit,minmax(var(--size-district-min),1fr))}.inventory-panel__heading,.inventory-group h4{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-ui)}.inventory-group h4{color:var(--color-accent)}.inventory-group p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-ui-small)}.inventory-items{margin:0;padding:0;list-style:none}.inventory-stat,.inventory-card{display:grid;gap:var(--space-2);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-3);color:var(--color-text-secondary);background:var(--color-surface-raised);font-size:var(--font-size-ui-small);line-height:var(--line-height-body)}.inventory-stat span,.inventory-card__label{color:var(--color-text-muted);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.inventory-stat strong,.inventory-card strong{color:var(--color-text-primary);font-size:var(--font-size-ui)}.fabrication-panel__heading{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-ui)}.fabrication-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.fabrication-list__item,.fabrication-recipe{border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-3);color:var(--color-text-secondary);background:var(--color-surface-raised);font-size:var(--font-size-ui-small);line-height:var(--line-height-body)}.fabrication-list__item:not(.fabrication-list__item--stacked){display:flex;justify-content:space-between;gap:var(--space-3)}.fabrication-recipe p,.fabrication-panel__empty,.carrier-panel__notice,.carrier-panel__stats,.carrier-panel__field{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-ui-small);line-height:var(--line-height-body)}.carrier-panel__stats{margin:0}.carrier-panel__stats div{display:grid;gap:var(--space-1)}.carrier-panel__stats dt,.carrier-panel__field span{color:var(--color-text-muted);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.carrier-panel__stats dd{margin:0}.carrier-panel__field input,.carrier-panel__field textarea,.carrier-panel__field select{border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--radius-control);padding:var(--space-3);color:var(--color-text-primary);background:var(--color-surface-interactive);font:inherit;font-size:var(--font-size-ui)}.carrier-panel__field textarea{min-height:var(--size-carrier-terms-min-height);resize:vertical}.logistics-panel__heading{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-ui)}.logistics-list{margin:0;padding:0;list-style:none}.logistics-card{border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-3);color:var(--color-text-secondary);background:var(--color-surface-raised);font-size:var(--font-size-ui-small);line-height:var(--line-height-body)}.logistics-card strong{color:var(--color-text-primary);font-size:var(--font-size-ui)}.logistics-card__risk{color:var(--color-warning)}.carrier-panel__actions{display:grid;gap:var(--space-2)}.fabrication-recipe__tradeoff{color:var(--color-warning)!important}.fabrication-recipe__inputs{color:var(--color-text-muted)!important}.operation-panel__description,.operation-state__text,.operation-error,.operation-complete{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-ui);line-height:var(--line-height-body)}.operation-state{display:grid;gap:var(--space-2);border:var(--border-width-default) solid var(--color-warning);border-radius:var(--radius-control);padding:var(--space-3);background:var(--color-surface-raised)}.operation-guidance{display:grid;gap:var(--space-2);border-left:var(--space-1) solid var(--color-accent);padding:var(--space-3) var(--space-4);background:var(--color-surface-interactive)}.operation-guidance strong{color:var(--color-text-primary);font-size:var(--font-size-heading)}.operation-state__label{color:var(--color-warning);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.operation-button{border:var(--border-width-default) solid var(--color-accent);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);color:var(--color-page-background);background:var(--color-accent);cursor:pointer;font:inherit;font-size:var(--font-size-ui);font-weight:var(--font-weight-label)}.operation-button:hover:not(:disabled){border-color:var(--color-accent-strong);background:var(--color-accent-strong)}.operation-button:focus-visible{outline:var(--border-width-default) solid var(--color-accent-strong);outline-offset:var(--space-1)}.operation-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.operation-button--secondary{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-surface-interactive)}.operation-error{color:var(--color-danger)}.operation-complete{color:var(--color-positive)}.activity-list{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.activity{padding-bottom:var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-subtle)}.activity:last-child{padding-bottom:0;border-bottom:0}.activity__text{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-ui);line-height:var(--line-height-body)}.app-footer{margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:var(--font-size-ui-small);text-align:center}@media(max-width:54rem){.mission-briefing{grid-template-columns:minmax(0,1fr)}.command-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.command-page,.command-page--city,.command-page--logistics{grid-template-columns:minmax(0,1fr)}}@media(max-width:36rem){.app-shell{padding:var(--space-4)}.topbar,.map__header,.panel__header{align-items:flex-start;flex-direction:column}.command-navigation__item{padding:var(--space-2)}.mission-briefing{padding:var(--space-4)}.mission-choices,.command-navigation__advanced{grid-template-columns:minmax(0,1fr)}.map__body{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:var(--space-3)}.map__routes,.map__nexus{display:none}.district{position:relative;top:auto;left:auto;width:auto;min-height:calc(var(--size-district-min) + var(--space-4));padding:var(--space-2);transform:none}.district:hover,.district[aria-pressed=true]{transform:translateY(calc(-1 * var(--space-1)))}}:root{color:var(--color-text-primary);background:var(--color-page-background);font-family:var(--font-family-sans)}*{box-sizing:border-box}body{min-width:var(--size-page-min-width);min-height:100vh;margin:0;background:var(--color-page-background)}button,input,textarea,select{font:inherit}