: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-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-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-district-min: 7rem;--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)}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) var(--size-sidebar);gap:var(--space-5);margin-top:var(--space-5)}.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)}.command-column,.side-column{display:grid;align-content:start;gap:var(--space-5)}.resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--size-district-min),1fr));gap:var(--space-3)}.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)}.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)}.map__body{display:grid;min-height:var(--size-map-min-height);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);padding:var(--space-5);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)}.district{display:flex;min-height:var(--size-district-min);flex-direction:column;justify-content:space-between;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);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.district:hover,.district[aria-pressed=true]{border-color:var(--color-accent-strong);background:var(--color-surface-interactive);transform:translateY(calc(var(--space-1) * -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__status{color:var(--district-color)}.panel{border-radius:var(--radius-surface)}.panel__body{padding:var(--space-4) var(--space-5)}.district-summary__description{margin-bottom:0}.operation-panel__body{display:grid;gap:var(--space-3)}.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-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){.dashboard{grid-template-columns:minmax(0,1fr)}.map__body{min-height:0}}@media(max-width:36rem){.app-shell{padding:var(--space-4)}.topbar,.map__header,.panel__header{align-items:flex-start;flex-direction:column}.map__body{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-4)}}: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}