.fleet-summary{display:flex;flex-wrap:wrap;gap:12px 28px;padding:12px 0 20px;border-bottom:1px solid var(--color-divider);margin-bottom:20px}.fleet-summary strong{font:1.8rem var(--font-title);color:var(--color-brass);margin-right:6px}.fleet-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px}.fleet-park,.fleet-create{min-width:0}.fleet-create{display:grid;gap:16px;align-content:start}.fleet-create h3{margin:0}.fleet-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fleet-choice{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-raised);color:var(--color-text);font:inherit;text-align:center;cursor:pointer}.fleet-choice .building-portrait{width:100%;max-width:140px;height:94px;object-fit:contain}.fleet-choice span,.fleet-choice small{font-size:.8rem}.fleet-choice[aria-pressed=true]{background:var(--color-selected);border-color:var(--color-brass);box-shadow:inset 0 0 0 1px var(--color-brass)}.fleet-choice-mark{color:var(--color-brass);font-weight:700}.fleet-choice:hover:not(:disabled){border-color:var(--color-brass);background:var(--color-selected)}.fleet-choice:focus-visible,.fleet-hud-trigger:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.fleet-choice:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--color-brass)}.fleet-choice:disabled{opacity:.6;cursor:default}.fleet-filters,.fleet-counter-buttons,.fleet-cost{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.fleet-filters [aria-pressed=true]{background:var(--color-selected);border-color:var(--color-brass)}.fleet-counter{display:grid;gap:8px}.fleet-counter output{min-width:36px;text-align:center;font-size:1.4rem;font-variant-numeric:tabular-nums}.fleet-cost{padding:14px;background:var(--color-selected);border-radius:8px;justify-content:space-between}.fleet-cost>span{display:inline-flex;gap:5px;align-items:center;font-weight:600}.fleet-facts{color:var(--color-muted);font-size:.85rem}.fleet-facts p{margin:0 0 8px}.fleet-group{padding:16px 0;border-bottom:1px solid var(--color-divider)}.fleet-group h4{margin:0;display:flex;justify-content:space-between;gap:8px}.fleet-group p,.fleet-queue p{margin:7px 0}.fleet-return{color:var(--color-muted);font-size:.85rem}.fleet-queue{padding:22px 0}.fleet-unavailable{color:var(--color-danger);margin:0}.carrier-panel{display:grid;gap:18px;max-width:640px;margin:auto}.carrier-panel p{margin:0}.ui-button.fleet-hud-trigger{display:flex;gap:16px;flex-wrap:wrap;background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 6px;font:inherit;color:inherit;text-align:left;cursor:pointer}.ui-button.fleet-hud-trigger:hover{background:var(--color-raised);border-color:var(--color-border)}.ui-button.fleet-hud-trigger:active{background:var(--color-selected)}.fleet-window .trade-feedback:empty{display:none}@media (max-width: 700px){.fleet-layout{grid-template-columns:minmax(0,1fr);gap:24px}.fleet-create{grid-row:1}.fleet-hud-trigger{flex:1 1 100%}.fleet-summary{gap:10px 16px}}.ui-dialog.ui-dialog-wide{width:min(1000px,calc(100vw - 24px));text-align:left;font:1rem/1.5 var(--font-body)}.trade-window{color:var(--color-text)}.ui-dialog-wide .ui-dialog-heading{position:sticky;top:0;z-index:1;background:var(--color-panel)}.trade-account{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-variant-numeric:tabular-nums;padding-block:8px}.trade-account>strong{color:var(--color-brass)}.trade-feedback{min-height:28px}.trade-window .city-panel-body{padding:16px 0 0;overflow:visible}.trade-window .ui-tabs{flex-wrap:wrap}.trade-market-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.trade-form{display:grid;gap:14px}.trade-window h3{font:400 1.25rem var(--font-title);margin:0 0 12px}.trade-window label{display:grid;gap:6px;color:var(--color-muted)}.trade-window input,.trade-window select{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-input);color:var(--color-text);font:inherit;font-size:1rem}.trade-window select{cursor:pointer}.trade-window input[aria-invalid=true]{border-color:var(--color-danger)}.trade-window input:focus-visible,.trade-window select:focus-visible,.trade-offer:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.trade-offer{width:100%;display:grid;gap:6px;text-align:left;padding:12px;margin-block:8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-panel);color:var(--color-text);cursor:pointer;font:inherit}.trade-offer:hover:not(:disabled),.trade-offer.is-selected{background:var(--color-raised);border-color:var(--color-brass)}.trade-offer:active:not(:disabled){transform:translateY(1px)}.trade-offer:disabled,.trade-window select:disabled{opacity:.55;cursor:not-allowed}.trade-offer span,.trade-row p,.trade-timeline,.trade-window p{line-height:1.5}.trade-beacon,.trade-checkout{border-top:2px solid var(--color-brass);padding-top:14px}.trade-totals{display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-variant-numeric:tabular-nums}.trade-totals dd{margin:0;text-align:right}.trade-timeline{padding-left:22px}.trade-timeline li{padding-block:6px}.trade-timeline time{display:block;color:var(--color-muted)}.trade-row{border-bottom:1px solid var(--color-divider);padding:12px 0;overflow-wrap:anywhere}.trade-paging{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.trade-carrier-form{margin-top:28px}.trade-fleet{max-height:500px;overflow-y:auto;scrollbar-gutter:stable}.trade-card{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px}.trade-card-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 700px){.trade-market-layout{grid-template-columns:1fr;gap:28px}.trade-window .ui-tabs button{flex:1 1 40%}}.ui-dialog.ui-dialog-trade{width:min(1600px,calc(100vw - 48px));max-width:calc(100vw - 48px);border:6px solid var(--color-hud);background:var(--color-panel);box-shadow:var(--shadow-panel);height:calc(100dvh - 48px);overflow:hidden}.ui-dialog-trade[open]{display:flex;flex-direction:column}.ui-dialog-trade>.ui-dialog-heading{flex:0 0 auto}.ui-dialog-trade>.ui-dialog-body{flex:1;min-height:0;display:flex;padding:0 24px 16px}.ui-dialog-trade .trade-window{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.ui-dialog-trade .trade-account{padding-block:8px;font-size:.85rem}.ui-dialog-trade .trade-feedback{min-height:0}.ui-dialog-trade .trade-feedback:empty{display:none}.ui-dialog-trade .ui-tabs{flex:0 0 auto;flex-wrap:nowrap}.ui-dialog-trade .ui-tabs button{padding:8px 12px;font-size:.85rem}.ui-dialog-trade .city-panel-body{flex:1;min-height:0;overflow-y:auto;padding-top:12px}.ui-dialog-trade .trade-window-market .city-panel-body{display:flex;overflow:hidden}.trade-workbench{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.trade-controls{display:grid;grid-template-columns:auto minmax(290px,1fr) 170px auto;align-items:end;gap:16px;padding-bottom:16px}.trade-controls label{font-size:.8rem}.trade-mode{display:flex;gap:4px}.trade-stock{color:var(--color-muted);font-size:.75rem;align-self:center}.trade-stock strong{display:block;font-size:1rem;color:var(--color-text);font-variant-numeric:tabular-nums}.trade-columns{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;gap:24px}.trade-column{display:flex;flex-direction:column;min-width:0;min-height:0;border-top:2px solid var(--color-brass)}.trade-column-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0 4px}.trade-column-heading h3{margin:0;font-size:1.35rem}.trade-column-heading>span{color:var(--color-muted);font-size:.75rem}.trade-sort{display:flex;gap:6px;padding:4px 0 10px}.trade-sort .ui-button{min-height:36px;padding:5px 10px;font-size:.8rem;flex:1}.trade-sort .ui-button[aria-pressed=true]{border-color:var(--color-brass);color:var(--color-brass);background:var(--color-raised)}.trade-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;flex:1;padding:2px 6px 12px 2px}.trade-list:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.trade-choice{display:grid;gap:5px;width:100%;padding:12px;margin:0 0 8px;text-align:left;font:inherit;font-size:.85rem;color:var(--color-text);background:var(--color-input);border:1px solid var(--color-border);border-radius:4px;cursor:pointer}.trade-choice:hover:not(:disabled){background:var(--color-raised)}.trade-choice.is-selected{border-color:var(--color-brass);box-shadow:inset 3px 0 var(--color-brass);background:var(--color-selected)}.trade-choice:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.trade-choice:disabled{cursor:not-allowed;opacity:.65}.trade-choice-title,.trade-choice-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.trade-choice-title strong{font-size:1rem}.trade-choice-title b{color:var(--color-brass);font-variant-numeric:tabular-nums}.trade-choice small,.trade-choice-meta,.trade-schedule,.trade-estimate-note{color:var(--color-muted)}.trade-choice-time{font-size:.8rem}.trade-list-caption{margin:18px 0 8px;color:var(--color-muted);font-size:.8rem}.trade-estimate-note{font-size:.75rem}.trade-schedule{display:grid;gap:7px;padding:0 12px 14px;font-size:.75rem}.trade-schedule>span{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.trade-schedule time{color:var(--color-text)}.trade-publish-form{padding:12px 4px}.trade-summary{flex:0 0 auto;border-top:1px solid var(--color-border);padding-top:12px;margin-top:8px}.trade-summary-main{display:flex;justify-content:space-between;align-items:center;gap:12px 24px}.trade-summary-info{min-width:0}.trade-route{font-size:.85rem}.trade-money{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:5px;font-size:.75rem;color:var(--color-muted)}.trade-money b{color:var(--color-text);font-variant-numeric:tabular-nums}.trade-summary p{font-size:.75rem;color:var(--color-muted);margin:5px 0 0}.trade-summary p strong{color:var(--color-text)}.trade-summary-action{display:grid;gap:6px;text-align:right;flex-shrink:0}.trade-total{color:var(--color-brass);font-size:1.05rem;font-variant-numeric:tabular-nums}@media (max-width: 900px){.trade-controls{gap:10px;grid-template-columns:auto minmax(100px,1fr) 110px}.trade-stock{display:none}.trade-columns{gap:14px}}@media (max-width: 700px){.ui-dialog.ui-dialog-trade{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:none}.ui-dialog-trade>.ui-dialog-body{padding:0 10px 10px}.ui-dialog-trade .ui-tabs{flex-wrap:wrap}.ui-dialog-trade .ui-tabs button{flex:1 1 40%}.ui-dialog-trade .trade-window-market .city-panel-body{overflow-y:auto;display:block}.trade-workbench{min-height:100%}.trade-controls{grid-template-columns:minmax(0,1fr) 100px}.trade-mode{grid-column:1 / -1}.trade-mode button{flex:1}.trade-columns{display:flex;flex-direction:column;flex:none;gap:18px}.trade-list{max-height:320px;flex:auto}.trade-sort .ui-button{min-height:44px;padding:6px;font-size:.75rem;white-space:nowrap}.trade-summary{position:sticky;bottom:-1px;background:var(--color-panel);padding:10px 0 0;margin-top:16px}.trade-summary-main{display:grid;gap:8px}.trade-summary-action{grid-template-columns:1fr auto;align-items:center;text-align:left}.trade-summary-action>.ui-button{font-size:.8rem;padding:8px 10px}.trade-total{font-size:.85rem}.trade-money{gap:4px 10px}}.trade-account>strong{display:inline-flex;align-items:center;gap:7px}.trade-controls .resource-picker-options button{min-width:44px;height:48px}.trade-controls .resource-picker{width:max-content;max-width:100%}.trade-choice:has(.building-portrait){grid-template-columns:84px minmax(0,1fr)}.trade-choice:has(.building-portrait)>:not(.building-portrait){grid-column:2}.trade-choice>.building-portrait{grid-column:1;grid-row:1 / 6;width:84px;height:82px;align-self:center}.trade-column{border-top-width:1px}.trade-summary{border-top:2px solid var(--color-border)}.trade-summary-action>.ui-button{min-width:220px}.trade-window .quantity-stepper input{background:var(--color-input);border:0;padding:4px}.trade-window .trade-form>.building-portrait{width:160px;height:130px;justify-self:center}@media (min-width: 701px) and (max-width: 1100px){.trade-controls{grid-template-columns:auto 1fr 150px}.trade-stock{display:none}.trade-controls .resource-picker-options{gap:3px}}@media (max-width: 700px){.ui-dialog.ui-dialog-trade{border-width:3px}.trade-controls{grid-template-columns:1fr 132px}.trade-controls .resource-picker{grid-column:1 / -1;width:100%}.trade-controls .resource-picker-options{justify-content:space-between}.trade-controls .quantity-field{grid-row:1;grid-column:2}.trade-controls .trade-mode{grid-column:1;align-self:end}.trade-controls .trade-mode .ui-button{padding-inline:8px}.trade-choice:has(.building-portrait){grid-template-columns:58px minmax(0,1fr);padding:10px 8px}.trade-choice>.building-portrait{width:58px;height:64px}.trade-summary-action>.ui-button{min-width:0}}@media (max-width: 700px){.ui-dialog-trade .ui-dialog-heading h2{font-size:21px}.trade-mode .ui-button{font-size:12px;white-space:nowrap}}.trade-resource-picker{border:0;padding:0;margin:0;min-width:0}.trade-resource-picker legend{margin-bottom:6px;color:var(--color-muted);font-size:.75rem}.trade-resource-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.trade-resource-options button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-input);color:var(--color-text);cursor:pointer}.trade-resource-options button:hover:not(:disabled){background:var(--color-raised)}.trade-resource-options button[aria-pressed=true]{background:var(--color-selected);border-color:var(--color-brass);box-shadow:inset 0 -2px var(--color-brass)}.trade-resource-options button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.trade-resource-options button:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--color-brass)}.trade-resource-options button:disabled{opacity:.55;cursor:not-allowed}.trade-resource-options .resource-icon{width:40px;height:40px}.trade-resource-name{min-height:2.5em;font-size:.8rem;line-height:1.25;overflow-wrap:anywhere}.trade-resource-stock{display:grid;gap:3px;width:100%;margin-top:auto;color:var(--color-muted);font-size:.7rem;text-align:left;font-variant-numeric:tabular-nums}.trade-resource-stock>span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1px 4px}.trade-resource-stock strong{color:var(--color-text);overflow-wrap:anywhere;min-width:0}.trade-controls:has(.trade-resource-picker){grid-template-columns:1fr 170px}.trade-controls>.trade-resource-picker{grid-column:1 / -1;grid-row:2}.trade-controls:has(.trade-resource-picker)>.quantity-field,.trade-controls:has(.trade-resource-picker)>label{grid-row:1;grid-column:2}.trade-form .trade-resource-options{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 700px){.trade-resource-options{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-controls:has(.trade-resource-picker){grid-template-columns:minmax(0,1fr) 132px}.trade-resource-options button{padding:6px}}.city-vitals:has(.city-transport){flex-wrap:wrap}.city-transport{display:flex;align-items:center;gap:8px;min-width:0}.city-transport>span{overflow-wrap:anywhere}@media (max-width: 700px){.city-vitals .city-transport{flex:1 1 42%}}.ui-button.environment-trigger{gap:.5rem;width:fit-content;min-width:0;max-width:100%;text-align:left;font-size:.78rem;white-space:normal;box-sizing:border-box}.world-heading .environment-trigger{width:100%}.environment-trigger span{min-width:0}.world-heading:has(.environment-trigger)>div{min-width:0}.environment-trigger strong{margin-left:auto;color:var(--color-danger);white-space:nowrap}.environment-seal{color:var(--color-brass);font:1.6rem var(--font-title);line-height:1}.environment-season{display:flex;gap:1rem;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:.75rem}.environment-season>.environment-seal{font-size:3.5rem}.environment-season h3{margin:0;font:1.5rem var(--font-title)}.environment-season p{margin:.4rem 0 0}.environment-dialog{max-width:min(620px,calc(100vw - 24px))}.environment-dialog p{line-height:1.55}.environment-exposure{border-left:3px solid var(--color-brass);padding:.25rem .75rem;margin:.75rem 0;background:var(--color-raised);font-size:.85rem}.environment-exposure p,.environment-exposure dl{margin:.5rem 0}.environment-exposure dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0}.environment-exposure dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.environment-origin{color:var(--color-muted)}.environment-sources{list-style:none;padding:0}.environment-sources li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--color-border)}.environment-sources li div{display:grid;gap:.3rem}.environment-sources li span{color:var(--color-muted);font-size:.85rem}@media (max-width: 700px){.world-heading:has(.environment-trigger){flex-wrap:wrap}.world-heading:has(.environment-trigger)>div:first-child{flex:1 1 120px}.world-heading:has(.environment-trigger) .world-heading-meta{flex:0 1 130px}}@media (max-width: 480px){.environment-sources li{flex-wrap:wrap}.ui-button.environment-trigger{font-size:.72rem;padding-inline:.4rem;gap:.3rem}}.world-hud-top:has(.world-weather-card){grid-template-columns:286px minmax(0,1fr)}.world-weather-card{margin-top:50px;padding:16px;border:1px solid var(--color-border);border-top:3px solid var(--color-brass);border-radius:6px 6px 12px 12px;background:var(--color-panel);box-shadow:var(--shadow-control);color:var(--color-text);min-width:0;align-self:start}.world-card-heading .world-eyebrow{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.12em;margin:0 0 10px}.world-card-heading .world-eyebrow span{color:var(--color-muted);letter-spacing:.04em}.world-card-heading h1{font:28px/1.08 var(--font-title);overflow-wrap:anywhere;margin:0}.world-card-season{margin:8px 0 12px;color:var(--color-muted);font-size:12px}.world-card-season span{color:var(--color-brass);margin-right:4px}.world-weather{display:flex;align-items:center;gap:14px;padding:12px 0;border-block:1px solid var(--color-divider)}.weather-compass{width:82px;height:82px;flex-shrink:0;color:var(--color-brass);overflow:visible}.weather-compass circle,.weather-compass path{fill:none;stroke:currentColor;stroke-width:.8}.weather-compass text{fill:var(--color-muted);font:7px var(--font-body);text-anchor:middle;stroke:none}.weather-compass .weather-needle,.weather-compass .weather-pin{fill:currentColor;stroke-width:1}.world-weather>div{display:grid;gap:3px;min-width:0}.weather-caption{font-size:11px;color:var(--color-muted)}.world-weather strong{font:30px/1 var(--font-title);font-variant-numeric:tabular-nums}.world-weather strong small{font:12px var(--font-body);color:var(--color-muted)}.weather-direction{font-size:10px;line-height:1.4}.world-card-beacon{display:flex;gap:9px;align-items:center;margin:12px 0;font-size:11px;line-height:1.5}.world-card-beacon strong{display:block;font-weight:500;color:var(--color-muted)}.beacon-indicator{font-size:28px;color:var(--color-muted)}.beacon-indicator.is-absorbing{color:var(--color-text);text-shadow:0 0 10px var(--color-brass)}.world-card-facts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:10px;color:var(--color-muted);border-top:1px solid var(--color-divider);padding-top:10px;margin-bottom:12px}.world-weather-card .environment-trigger{width:100%;min-height:44px;padding:9px 10px}@media (max-width: 700px){.world-weather-card{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(126px,.8fr);column-gap:12px;padding:10px 12px}.world-card-heading h1{font-size:22px}.world-card-heading .world-eyebrow{font-size:8px;margin-bottom:6px}.world-card-heading .world-eyebrow span{display:none}.world-card-season{font-size:10px;margin:6px 0}.world-weather-card .world-weather{border:0;padding:0;gap:6px}.world-weather-card .weather-compass{width:48px;height:48px}.world-weather-card .world-weather strong{font-size:24px}.world-weather-card .weather-caption,.world-weather-card .weather-direction{font-size:9px}.world-card-beacon{margin:5px 0;font-size:9px}.world-card-beacon .beacon-indicator{font-size:20px}.world-card-facts{grid-column:1 / -1;grid-row:3;margin:5px 0 0;padding-top:6px;font-size:9px}.world-weather-card .environment-trigger{grid-column:2;grid-row:2;font-size:10px;padding:4px 6px}}.storage-editor fieldset{min-width:0;border:0;padding:0;margin:0}.storage-total{font-variant-numeric:tabular-nums}.storage-total strong{font-size:1.5rem}.storage-allocation-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:4px 10px;align-items:center;border-bottom:1px solid var(--color-divider);padding:10px 0}.storage-allocation-row small{grid-column:1 / -1;color:var(--color-muted);font-variant-numeric:tabular-nums}.storage-percent{display:flex;align-items:center;gap:5px}.storage-percent input{width:100%;min-width:0;min-height:44px;box-sizing:border-box;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:7px;font:1rem var(--font-body);font-variant-numeric:tabular-nums}.storage-percent input:hover:not(:disabled){border-color:var(--color-brass)}.storage-percent input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.storage-percent input[aria-invalid=true]{border-color:var(--color-danger)}.storage-excess{color:var(--color-danger)}.storage-secondary-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.storage-save{width:100%}.storage-feedback{min-height:64px;margin-top:10px}.storage-feedback .ui-button{margin-top:8px}.city-storage.storage-open{display:flex;border:0;border-left:1px solid var(--color-divider);padding:0 0 0 16px;min-height:44px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.storage-action-label{color:var(--color-muted)}.city-storage.storage-open:hover{background:var(--color-bg)}.city-storage.storage-open:active{color:var(--color-brass)}.city-storage.storage-open:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (max-width: 700px){.city-storage.storage-open{padding-left:0;border-left:0}}.construction-timing{margin-block:12px;padding:12px;background:var(--color-raised);border:1px solid var(--color-border);border-radius:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.construction-timing-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}.construction-timing-heading strong{color:var(--color-brass)}.construction-timing-heading span,.construction-disclaimer{color:var(--color-muted);font-size:.8rem}.construction-timing progress{width:100%;margin-block:8px;accent-color:var(--color-brass)}.construction-timing dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;margin:0;font-size:.85rem}.construction-timing dd{margin:0;text-align:right}.construction-date{display:grid;gap:3px;margin:10px 0 0;font-size:.85rem}.construction-date>span{color:var(--color-muted)}.construction-date time{font-weight:600}.construction-disclaimer{margin:10px 0 0;line-height:1.4}.lore-trigger{pointer-events:auto;align-self:start;justify-self:start;margin-top:50px}.lore-introduction{width:min(560px,calc(100vw - 24px));overflow:hidden}.lore-introduction[open]{display:flex;flex-direction:column}.lore-introduction>.ui-dialog-heading{flex:none}.lore-introduction>.ui-dialog-body{min-height:0;overflow-y:auto}.lore-lead:focus{outline:none}.lore-introduction p{line-height:1.65}.lore-eyebrow{color:var(--color-brass);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.lore-introduction .lore-lead{font:1.4rem/1.4 var(--font-title);border-left:3px solid var(--color-brass);padding-left:16px}.lore-note{color:var(--color-muted);font-size:.8rem;line-height:1.5}.lore-details{margin-top:14px;border-top:1px solid var(--color-divider);font-size:.86rem;line-height:1.55}.lore-details summary{cursor:pointer;padding:12px 0;min-height:44px;color:var(--color-brass);font-weight:600}.lore-details summary:hover{color:var(--color-text)}.lore-details summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.lore-details p{margin:0 0 12px}.heart-arrival{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--color-border);border-left:3px solid var(--color-brass);background:var(--color-panel);border-radius:4px;box-shadow:var(--shadow-control);max-width:620px}.heart-arrival strong{font:1.25rem var(--font-title)}.heart-arrival p{margin:5px 0;font-size:.85rem;line-height:1.45}.heart-arrival small{color:var(--color-muted);font-size:.75rem}.heart-arrival .ui-button{flex-shrink:0}@media (max-width: 700px){.lore-introduction .lore-lead{font-size:1.2rem}.heart-arrival{align-items:start;flex-direction:column;gap:8px}.lore-trigger{padding:7px 10px;font-size:.8rem;margin-top:0}}.city-abandonment{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.abandonment-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.abandonment-actions .ui-button{flex:1 1 190px;min-height:44px}.ui-dialog.handbook-dialog{width:min(960px,calc(100vw - 32px));height:min(760px,calc(100dvh - 40px));max-height:calc(100dvh - 24px);overflow:hidden}.handbook-dialog[open]{display:flex;flex-direction:column}.handbook-dialog>.ui-dialog-heading{flex:none}.handbook-dialog>.ui-dialog-body{display:flex;flex:1;min-height:0;padding:0}.handbook{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.handbook>.ui-tabs{flex:none;flex-wrap:wrap;padding:8px 20px;gap:4px;border-bottom:1px solid var(--color-divider)}.handbook>.ui-tabs button{flex:1 1 auto;min-height:44px}.handbook>.city-panel-body{padding:0;overflow:auto;scrollbar-gutter:stable}.handbook-content{max-width:820px;margin:auto;padding:28px 36px 40px}.handbook .handbook-content h2{font:400 clamp(1.6rem,3vw,2.2rem)/1.2 var(--font-title);margin:6px 0 16px}.handbook .handbook-content h3{font:600 1rem/1.4 var(--font-body);margin:0 0 8px}.handbook .handbook-content p,.handbook .handbook-content li{font-size:.9rem;line-height:1.7}.handbook .handbook-content p{margin:10px 0}.handbook-content .handbook-lead{font-size:1.05rem;color:var(--color-muted)}.handbook-intro{display:grid;grid-template-columns:1fr 160px;align-items:center;gap:24px}.handbook-intro>.building-portrait{width:160px;height:144px;object-fit:contain}.handbook-section{border-top:1px solid var(--color-divider);margin-top:24px;padding-top:22px}.handbook-section ol{padding-left:22px}.handbook-section li+li{margin-top:8px}.handbook-note{border-left:3px solid var(--color-brass);padding:8px 16px;background:var(--color-raised)}.handbook-building-links{display:flex;flex-wrap:wrap;gap:8px}.handbook-building-links .ui-button{white-space:normal;text-align:left}.handbook-resources{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.handbook-resources section{display:flex;align-items:flex-start;gap:12px}.handbook-resources section>svg,.handbook-resources section>img{flex:none;width:32px;height:32px}.handbook-resources p{margin:0;color:var(--color-muted)}.handbook .city-catalog-entry{margin-top:20px;padding:20px 0;border-top:1px solid var(--color-divider);scroll-margin-top:16px}.handbook .city-catalog-title{display:flex;align-items:center;gap:20px}.handbook .city-catalog-title .building-portrait{width:96px;height:86px;object-fit:contain;flex:none}.handbook .city-catalog-entry h3{margin-top:0}.handbook .city-catalog-cost{display:flex;flex-wrap:wrap;gap:16px}.handbook .city-catalog-cost>span{display:inline-flex;align-items:center;gap:6px}.handbook .city-catalog-cost svg{width:24px;height:24px}.handbook .city-facts{font-size:.85rem}.handbook .city-facts dt{color:var(--color-muted)}.handbook .city-facts dd{text-align:right}@media (max-width: 600px){.ui-dialog.handbook-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px)}.handbook>.ui-tabs{padding:6px}.handbook-content{padding:20px 18px 28px}.handbook-intro{grid-template-columns:1fr;gap:8px}.handbook-intro>.building-portrait{grid-row:1;width:100px;height:90px}.handbook-resources{grid-template-columns:1fr}.handbook .city-catalog-title{gap:12px}.handbook .city-catalog-title .building-portrait{width:64px;height:58px}}.city-page{position:relative;isolation:isolate;height:100dvh;min-height:620px;color:var(--color-text);font-family:var(--font-body)}.city-hud-top{position:relative;z-index:var(--z-game-hud);display:grid;grid-template-columns:220px minmax(0,1fr);gap:0 14px;padding:8px 68px 0 12px;pointer-events:none;background:linear-gradient(var(--color-hud) 65%,#eef0e600)}.city-hud-top>*{pointer-events:auto}.city-heading{min-width:0;padding-top:51px}.city-heading>div{position:relative}.city-heading h1{margin:0 0 5px;font:400 clamp(1.15rem,1.7vw,1.55rem) / 1.12 var(--font-title);overflow-wrap:anywhere}.city-heading p{margin:0;font-size:.65rem}.city-heading .city-boundary-key{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--color-muted)}.city-heading .city-back{display:flex;position:absolute;right:0;top:-43px;padding:0 2px;width:32px;overflow:hidden;white-space:nowrap;font-size:0;color:var(--color-brass);min-height:36px}.city-back .game-icon{width:20px;height:20px;flex:none}.city-heading>.ui-button{margin-top:4px;font-size:.7rem;padding:5px 8px}.city-muted{color:var(--color-muted);font-size:.8rem;line-height:1.5}.city-stock-rail{display:flex;min-width:0;border:1px solid var(--color-divider);border-radius:7px;background:var(--color-hud);box-shadow:var(--shadow-control)}.city-resources{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:1;min-width:0}.city-resource{display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 5px;min-width:0;min-height:72px;padding:8px;border:0;border-right:1px solid var(--color-divider);border-radius:4px;background:transparent;color:var(--color-text);text-align:left;font:inherit;cursor:pointer}.city-resource:hover,.city-resource[aria-expanded=true]{background:var(--color-raised);box-shadow:inset 0 -2px var(--color-brass)}.city-resource:focus-visible{outline-offset:-3px}.city-resource-icon{grid-row:1/4;align-self:center}.city-resource-icon .resource-icon{width:38px;height:38px;display:block}.city-resource-name{font-size:.63rem;color:var(--color-muted);line-height:1.2;overflow-wrap:anywhere}.city-resource-amount{font:650 1.12rem/1.1 var(--font-body);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.city-resource-flow{font-size:.62rem;color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.is-positive{color:var(--color-success)}.is-negative{color:var(--color-danger)}.city-coins{display:flex;align-items:center;gap:2px;padding:8px 10px;min-width:92px}.city-coins .resource-icon{width:33px;height:33px}.city-coins small{display:block;font-size:.63rem;color:var(--color-muted)}.city-coins strong{font-size:1.05rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.city-vitals{display:flex;align-items:center;gap:10px 28px;padding:6px 10px;font-size:.68rem}.city-workforce,.city-output,.city-storage{display:flex;gap:8px;align-items:center}.city-vitals .game-icon{color:var(--color-brass);width:18px;height:18px}.city-vitals strong{font-weight:650;font-variant-numeric:tabular-nums;margin-left:5px}.city-vitals small{display:block;font-size:.6rem;color:var(--color-muted)}.city-storage{min-width:180px}.city-storage>span{flex:1}.city-storage-heading{display:flex;gap:8px;justify-content:space-between}.city-storage meter{display:block;width:100%;height:5px;margin:2px 0;background:var(--color-bg);border:0}.city-storage meter::-webkit-meter-bar{background:var(--color-bg);border:0;border-radius:2px}.city-storage meter::-webkit-meter-optimum-value{background:var(--color-brass)}.city-storage meter::-moz-meter-bar{background:var(--color-brass)}.city-storage-full,.city-storage-full small{color:var(--color-danger)}.city-storage-note{margin:0 0 4px;padding:4px 10px;font-size:.65rem;color:var(--color-danger);background:var(--color-panel);border-radius:4px}.city-hud-status{grid-column:1/-1;max-width:100%}.city-hud-status:empty{display:none}.city-hud-status>*{padding:4px 12px;margin:0;background:var(--color-panel);border-radius:5px}.city-hud-status .ui-status{min-height:0;font-size:.75rem}.city-layout,.city-viewport,.city-scene{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;min-height:0}.city-scene{overflow:hidden}.city-scene canvas{touch-action:none}.city-scene:focus-visible{outline-offset:-4px}.city-toolbar{position:absolute;z-index:var(--z-game-hud);left:12px;right:12px;bottom:12px;display:flex;align-items:end;justify-content:space-between;gap:10px;pointer-events:none}.city-toolbar>*{pointer-events:auto}.city-tools,.city-secondary-tools{display:flex;gap:2px;align-items:center;padding:3px;border:1px solid var(--color-divider);background:var(--color-hud);border-radius:7px;box-shadow:var(--shadow-panel)}.city-toolbar .ui-button{padding:8px;font-size:.7rem}.city-secondary-tools .ui-button span{display:none}.city-secondary-tools .ui-button{min-width:44px}.city-panel-toggle{box-shadow:none;background:transparent;color:var(--color-brass);border:0}.city-panel-toggle[aria-expanded=true]{background:var(--color-selected)}.city-scene-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.city-sidebar{overflow:hidden;position:absolute;z-index:var(--z-game-panel);top:calc(var(--city-top-height, 125px) + 8px);bottom:94px;right:12px;width:360px;min-height:0;display:flex;flex-direction:column;background:var(--color-panel);border:1px solid var(--color-divider);border-radius:9px;box-shadow:var(--shadow-panel)}.city-sidebar[hidden]{display:none}.city-panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 8px 0 18px;color:var(--color-muted);font-size:.72rem;border-bottom:1px solid var(--color-divider)}.city-panel-heading .ui-button{min-width:44px;padding:8px;border:0;box-shadow:none;background:transparent}.city-sidebar .ui-tabs button{font-size:.7rem;min-height:40px}.city-panel-body{padding:14px 18px;overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;overscroll-behavior:contain}.city-panel-body h2{font:400 1.35rem/1.15 var(--font-title);margin:6px 0 12px;overflow-wrap:anywhere}.city-panel-body h3{font:600 .9rem/1.4 var(--font-body);margin:14px 0 6px}.city-panel-body p{line-height:1.5;font-size:.8rem;overflow-wrap:anywhere}.city-eyebrow{color:var(--color-brass);font-size:.6rem;letter-spacing:.09em;margin:0}.city-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.city-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,auto);gap:9px 12px;font-size:.8rem;margin:16px 0;line-height:1.4}.city-facts dt{color:var(--color-muted)}.city-facts dd{text-align:right;margin:0;max-width:165px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.city-fact-row{display:contents}.city-note{border-left:2px solid var(--color-brass);padding-left:10px;color:var(--color-muted);margin:16px 0}.city-tag{display:inline-block;border:1px solid var(--color-divider);border-radius:3px;color:var(--color-brass);padding:3px 6px;font-size:.68rem}.city-coordinate{font-variant-numeric:tabular-nums;white-space:nowrap}.building-inspection-heading{display:flex;align-items:center;gap:12px}.building-inspection-heading>div{min-width:0}.building-inspection-heading h2{margin:0 0 6px;font-size:1.3rem}.building-inspection-heading .city-coordinate{margin:4px 0 0;font-size:.65rem}.building-status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem}.building-status i{width:8px;height:8px;border-radius:50%;background:var(--color-brass)}.building-status.is-active i{background:var(--color-success)}.building-description{border-block:1px solid var(--color-divider);padding:10px 0;margin:10px 0}.building-recipe{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.building-recipe>span{font-size:.72rem;color:var(--color-muted)}.building-recipe>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}.recipe-resource{display:inline-flex;align-items:center;gap:5px;font-size:1rem}.recipe-resource .resource-icon{width:30px;height:30px}.recipe-resource small{font-size:.65rem;font-weight:400;color:var(--color-muted)}.building-facts{padding:12px 0;margin:7px 0;border-block:1px solid var(--color-divider)}.city-panel-body .building-baseline{margin:8px 0;font-size:.65rem;color:var(--color-muted)}.building-reference summary{cursor:pointer;color:var(--color-brass);font-size:.75rem;min-height:36px;padding:8px 0}.building-reference summary:hover{text-decoration:underline}.building-reference p{font-size:.73rem;color:var(--color-muted)}.building-catalog-link{width:100%;margin-top:4px;font-size:.78rem}.city-objects{margin:0;padding:0}.city-objects label{display:block;font-size:.8rem;color:var(--color-muted)}.city-objects input{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);background:var(--color-input);font:1rem var(--font-body)}.city-objects input[aria-invalid=true]{border-color:var(--color-danger)}.city-search{display:flex;gap:8px;margin-top:8px}.city-search .ui-button{padding:8px;min-width:44px}.city-object-list,.city-queue,.city-events{list-style:none;padding:0;margin:12px 0}.city-object-list button{width:100%;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border:0;border-bottom:1px solid var(--color-divider);background:transparent;color:var(--color-text);font:500 .82rem var(--font-body);text-align:left;cursor:pointer}.city-object-list button:hover{color:var(--color-brass)}.city-object-list small{display:block;color:var(--color-muted);font-size:.7rem;margin-top:4px}.city-pagination{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:.75rem}.city-pagination .ui-button{padding:8px 10px}.city-coordinate-picker{margin-top:16px}.city-coordinate-picker summary{min-height:44px;line-height:1.6;cursor:pointer;font-size:.8rem;color:var(--color-brass)}.city-coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.city-coordinate-fields input{margin-top:6px}.city-queue li,.city-catalog-entry,.city-events li{padding:14px 0;border-bottom:1px solid var(--color-divider)}.city-queue strong{font-size:.85rem}.city-queue progress{width:100%;height:7px;margin-top:12px;accent-color:var(--color-brass)}.city-events strong{display:block;font-size:.8rem;margin-top:6px}.city-events p{color:var(--color-muted);margin:6px 0 0}.city-event-step{font:.7rem var(--font-body);color:var(--color-brass);font-variant-numeric:tabular-nums}.city-catalog-entry h3{margin:0;font:400 1.15rem var(--font-title)}.city-empty{color:var(--color-muted);padding:16px 0}.city-refresh-error{display:flex;align-items:center;gap:10px}.city-scene-fallback{position:absolute;top:28%;left:5%;max-width:min(430px,65%);padding:24px;border-radius:8px;background:var(--color-panel);color:var(--color-text);box-shadow:var(--shadow-panel);line-height:1.5}.resource-balance-title{display:flex;gap:10px;align-items:center;padding-right:28px;margin-bottom:12px}.resource-balance-stock{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:8px 0}.resource-balance-stock dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.resource-balance-flows{padding:4px 0 8px}.resource-balance-flows h3{margin:8px 0 4px;font-size:.68rem;color:var(--color-muted);font-weight:500}.resource-balance-flows>div{display:flex;justify-content:space-between;gap:12px;margin:4px 0}.resource-balance-flows p{font-size:.72rem;color:var(--color-muted);margin:4px 0}.resource-balance-net{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--color-divider)}.resource-balance-note{font-size:.68rem;color:var(--color-muted);margin:6px 0 0;line-height:1.5}.resource-balance-warning{color:var(--color-danger);font-size:.72rem}.resource-storage-link{width:100%;margin-top:12px;font-size:.75rem}@media (max-width: 1150px){.city-hud-top{grid-template-columns:185px minmax(0,1fr);gap:8px;padding-right:60px}.city-resource{grid-template-columns:28px minmax(0,1fr);padding:8px 5px;gap:2px 4px}.city-resource-icon .resource-icon{width:28px;height:28px}.city-resource-name{font-size:.59rem}.city-resource-amount{font-size:1rem}.city-coins{min-width:70px;padding:4px}.city-coins .resource-icon{width:24px;height:24px}.city-heading .city-back{right:-16px}.city-tools .scene-button span{display:none}.city-sidebar{width:340px}.city-vitals{gap:12px}}@media (max-width: 850px) and (min-width: 701px){.city-resource{grid-template-columns:1fr;text-align:center;min-height:85px}.city-resource-icon{grid-row:auto;justify-self:center}.city-resource-name{display:none}.city-coins{flex-direction:column;justify-content:center}}@media (max-width: 700px){.city-page{min-height:760px;height:max(100dvh,760px)}.city-hud-top{padding:54px 8px 0;grid-template-columns:1fr;gap:6px}.city-heading{padding:0 48px 0 4px}.city-heading h1{font-size:1.15rem;margin:0 0 2px}.city-heading p{font-size:.6rem}.city-heading .city-back{right:-40px;top:-3px;width:36px}.city-stock-rail{position:relative;padding-right:58px}.city-resources{grid-template-columns:repeat(3,minmax(0,1fr))}.city-resource{min-height:56px;padding:5px;grid-template-columns:26px minmax(0,1fr)}.city-resource-icon .resource-icon{width:26px;height:26px}.city-resource-name{font-size:.55rem}.city-resource-amount{font-size:1rem}.city-resource-flow{font-size:.55rem}.city-resource:nth-child(-n+3){border-bottom:1px solid var(--color-divider)}.city-coins{position:absolute;right:0;top:0;bottom:0;min-width:58px;max-width:58px;flex-direction:column;justify-content:center;text-align:center}.city-coins strong{font-size:.8rem}.city-vitals{justify-content:space-between;padding:5px 3px;gap:6px;font-size:.6rem}.city-vitals .game-icon{display:none}.city-vitals strong{margin-left:2px}.city-vitals small{font-size:.52rem}.city-storage{min-width:120px}.city-storage-heading{gap:3px}.city-toolbar{left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:1fr auto;gap:6px}.city-toolbar .game-command-dock{grid-column:1/-1;grid-row:2;justify-content:center;justify-self:center}.city-tools,.city-secondary-tools{width:max-content}.city-tools .scene-button span{display:none}.city-secondary-tools{justify-self:end}.city-sidebar{top:auto;bottom:130px;left:8px;right:8px;width:auto;height:min(48dvh,400px);max-height:calc(100% - var(--city-top-height, 260px) - 155px);min-height:240px}.city-panel-body{padding:12px 16px}.city-panel-heading{min-height:40px}.city-refresh-error{flex-wrap:wrap}.city-scene-fallback{top:40%;left:8px;max-width:calc(100% - 16px);padding:16px}.city-sidebar .ui-tabs button{font-size:.65rem}}@media (max-width: 400px){.city-toolbar{grid-template-columns:minmax(0,1fr) auto}.city-tools{width:auto;flex-wrap:wrap}.city-toolbar .game-command-dock{max-width:100%;flex-wrap:wrap}.city-sidebar{bottom:200px;max-height:calc(100% - var(--city-top-height, 260px) - 225px)}}@media (forced-colors: active){.city-resource[aria-pressed=true],.ui-tabs button[aria-selected=true]{border-bottom:3px solid Highlight}}.city-catalog-title{display:flex;align-items:center;gap:8px}.city-catalog-title .building-portrait{width:84px;height:76px}.city-catalog-title h3{margin:0 0 5px}.city-catalog-title p{margin:0;font-size:11px}.city-catalog-cost{display:flex;flex-wrap:wrap;gap:5px 12px}.city-catalog-cost>span{display:inline-flex;gap:5px;align-items:center;font-size:12px}.city-catalog-entry details summary{cursor:pointer;min-height:36px;padding-block:8px;font-size:12px;color:var(--color-brass)}.city-catalog-entry details summary:focus-visible{outline:2px solid var(--color-focus)}.city-queue li{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:8px}.city-queue li>.building-portrait{grid-row:1 / 4;width:58px;height:64px}.city-queue li>:not(.building-portrait){grid-column:2}.storage-allocation-row>label{display:flex;align-items:center;gap:5px}.city-vitals{background:var(--color-hud);border:1px solid var(--color-divider);border-radius:6px;width:max-content;max-width:100%;margin:5px 0}.building-inspection-heading .building-portrait{width:84px;height:76px}.building-description{padding:7px 0;margin:7px 0}.building-facts{padding:8px 0;gap:6px 12px}.city-sidebar{bottom:82px}@media (max-width: 700px){.city-sidebar{bottom:130px}.city-vitals{width:100%;gap:8px;padding:5px 6px}}.city-resource-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-onboarding{display:flex;flex-direction:column;flex:1;min-height:0}.onboarding-content{padding:14px 18px;overflow:auto;min-height:0;flex:1}.onboarding-content a{color:var(--color-brass);text-underline-offset:3px}.agent-onboarding h2{font:1.5rem var(--font-title);margin:0 0 12px}.agent-onboarding p{line-height:1.5}.onboarding-step,.onboarding-muted{color:var(--color-muted);font-size:.85rem}.onboarding-step{margin:0 0 8px}.onboarding-token-notice{border-left:3px solid var(--color-brass);padding-left:12px}.agent-onboarding label{display:block;margin:12px 0 6px;font-weight:600}.agent-onboarding input,.agent-onboarding textarea{width:100%;min-width:0;box-sizing:border-box;font:1rem var(--font-body);color:var(--color-text);background:var(--color-raised);border:1px solid var(--color-border);border-radius:4px;padding:10px}.agent-onboarding textarea{resize:none;line-height:1.5}.agent-onboarding .ui-button{max-width:100%;white-space:normal}.onboarding-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px;flex:0 0 auto;border-top:1px solid var(--color-divider);background:var(--color-panel)}.onboarding-link .ui-button{margin-top:6px}.onboarding-next-step{margin-top:12px;padding:4px 12px;border-left:3px solid var(--color-brass);background:var(--color-raised)}.onboarding-next-step ol{margin:8px 0 0;padding-left:20px}.onboarding-next-step li+li{margin-top:6px}.city-sidebar.onboarding-sidebar{display:flex;flex-direction:column}.city-sidebar.onboarding-sidebar[hidden]{display:none}.onboarding-sidebar .city-panel-heading{flex:0 0 auto}:root{--connection-bg: var(--color-bg);--connection-panel: var(--color-panel);--connection-text: var(--color-text);--connection-muted: var(--color-muted);--connection-brass: var(--color-brass);--connection-danger: var(--color-danger)}.connection-page{min-height:calc(100dvh - var(--game-nav-height));background:radial-gradient(ellipse at top,var(--color-raised),transparent 70%),var(--connection-bg);color:var(--connection-text);padding:clamp(16px,5vw,64px) 16px;font-family:var(--font-body)}.connection-panel{max-width:44rem;margin:auto;padding:clamp(20px,5vw,40px);border:1px solid var(--color-divider);background:var(--connection-panel);border-top:2px solid var(--connection-brass);border-radius:6px;box-shadow:var(--shadow-panel)}.connection-panel h1,.connection-panel h2{font-family:var(--font-title);font-weight:400;line-height:1.2}.connection-panel h1{font-size:clamp(1.7rem,5vw,2.3rem);margin:28px 0 20px}.connection-panel h2{font-size:1.4rem;margin-top:36px}.connection-brand{font-size:.75rem;letter-spacing:.08em}.connection-panel p{line-height:1.65}.connection-panel a{color:var(--connection-brass)}.connection-muted{color:var(--connection-muted);font-size:.9rem}.connection-panel label{display:block;margin:20px 0 8px}.connection-panel input,.connection-panel select{width:100%;padding:12px;min-height:46px;background:var(--connection-bg);color:var(--connection-text);border:1px solid var(--color-border);border-radius:4px;font:inherit}.connection-url{font-family:monospace;overflow-wrap:anywhere}.connection-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.connection-panel button,.connection-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--connection-brass);border-radius:4px;background:var(--color-primary-surface);color:var(--connection-text)!important;box-shadow:var(--shadow-control);text-decoration:none;font:inherit;font-weight:600;cursor:pointer}.connection-panel .secondary{background:transparent;color:var(--connection-brass)!important}.connection-panel button:disabled{opacity:.55;cursor:wait}.connection-panel :focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.connection-status{min-height:3rem;line-height:1.5;margin-top:20px}.connection-status[role=alert]{color:var(--connection-danger)}.connection-list{list-style:none;padding:0}.connection-list li{padding:16px 0;border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:10px}.connection-list li>button{align-self:flex-start}@media (forced-colors: active){:root{scrollbar-color:auto}.connection-panel{border:1px solid CanvasText}}.agent-setup textarea{width:100%;padding:12px;min-height:240px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font:.8rem/1.6 var(--font-body)}.connection-panel .connection-check{display:flex;gap:12px;align-items:center;min-height:44px;line-height:1.5}.connection-panel .connection-check input{width:20px;height:20px;min-height:20px;flex:none;accent-color:var(--color-brass)}.connection-manual summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--color-brass)}.connection-panel .resize-none{resize:none}.agent-link-setup .onboarding-token-notice{border-left:3px solid var(--color-brass);padding-left:12px}.agent-link-setup .onboarding-muted{color:var(--color-muted);font-size:.85rem}.agent-link-setup .ui-button{max-width:100%;white-space:normal}.agent-link-setup .onboarding-link .ui-button{margin-top:6px}.plot-primary .ui-status[role=alert]{border:1px solid var(--color-danger);border-left-width:4px;border-radius:4px;background:var(--color-raised);padding:12px;font-weight:600}.world-page{height:calc(100dvh - var(--game-nav-height));min-height:540px;display:flex;flex-direction:column;color:var(--color-text);background:var(--color-bg);font-family:var(--font-body)}.world-heading{min-height:78px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;border-bottom:1px solid var(--color-divider)}.world-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.67rem;color:var(--color-brass);font-weight:600}.world-heading h1{margin:0;font:400 clamp(1.35rem,2.5vw,1.8rem) / 1.1 var(--font-title)}.world-heading-meta{display:grid;gap:6px;text-align:right;font-size:.75rem;color:var(--color-muted)}.world-stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 370px}.world-map-region{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--color-bg)}.world-map-top{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 16px;background:var(--color-panel);border-bottom:1px solid var(--color-divider);flex-shrink:0}.world-map-top .ui-button{font-size:.73rem;padding:8px 12px}.map-caption{margin-right:auto;color:var(--color-muted);font:.7rem var(--font-body)}.world-viewport{overflow:hidden;position:relative;flex:1;min-height:0;touch-action:none}.world-viewport canvas{cursor:grab}.world-viewport canvas:active{cursor:grabbing}.world-city-label{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--color-border);border-radius:4px;padding:7px 10px;min-height:44px;min-width:88px;cursor:pointer;box-shadow:var(--shadow-control);background:var(--color-bg);color:var(--color-text);font:600 .75rem var(--font-body)}.world-city-label span{display:block;overflow:hidden;text-overflow:ellipsis}.world-city-label small{display:block;margin-bottom:3px;font-size:.6rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.world-city-label:hover{outline:1px solid var(--color-brass)}.world-city-label.own{border-color:var(--color-brass);background:var(--color-brass);color:var(--color-bg)}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:6px 12px;background:var(--color-panel);border-top:1px solid var(--color-divider);flex-shrink:0}.map-zoom,.map-tools{display:flex;gap:4px;align-items:center}.map-toolbar .ui-button{padding:8px 10px;font-size:.73rem}.map-legend{display:flex;flex-wrap:wrap;gap:6px 18px;padding:8px 16px;color:var(--color-muted);background:var(--color-bg);font-size:.63rem;border-top:1px solid var(--color-divider);flex-shrink:0}.map-legend span{display:inline-flex;align-items:center;gap:7px}.terrain-dot{display:inline-block;width:9px;height:9px;border-radius:2px;flex-shrink:0}.terrain-dot.plain{background:#90a277}.terrain-dot.forest{background:#628f72}.terrain-dot.stone{background:#a5a79c}.terrain-dot.water{background:#789fac}.world-card{padding:24px;min-height:0;overflow:auto;border-left:1px solid var(--color-divider);background:var(--color-panel)}.world-card h2{font:400 1.65rem/1.18 var(--font-title);margin:14px 0 12px;overflow-wrap:anywhere}.world-card h3{margin:28px 0 12px;font-size:.8rem;font-weight:600}.world-card p{font-size:.85rem;line-height:1.65}.world-muted{color:var(--color-muted)}.world-welcome{padding-top:22px}.world-welcome-note{border-left:2px solid var(--color-brass);padding:8px 0 8px 18px;margin:40px 0;font:400 1.5rem/1.5 var(--font-title);color:var(--color-brass)}.plot-caption{display:flex;align-items:center;justify-content:space-between;gap:10px}.plot-caption .world-eyebrow{margin:0}.icon-button{min-width:44px;padding:0;font-size:1.4rem}.plot-description{margin-top:22px}.land-profile{margin:0}.land-profile>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--color-divider);font-size:.8rem}.land-profile dd{display:flex;gap:14px;margin:0}.land-profile dd strong{font-weight:500}.land-profile dd span{color:var(--color-muted);min-width:65px;text-align:right}.world-card .profile-note{font-size:.7rem;line-height:1.5}.plot-primary{width:100%;margin-top:20px}.plot-primary .ui-button{width:100%}.neighbors ul{list-style:none;padding:0;margin:0}.neighbors li button{width:100%;background:transparent;color:var(--color-text);border:0;border-bottom:1px solid var(--color-divider);display:flex;justify-content:space-between;gap:12px;padding:13px 0;min-height:44px;text-align:left;font:.8rem var(--font-body);cursor:pointer}.neighbors li button:hover{color:var(--color-brass)}.neighbors li button span:first-child{overflow-wrap:anywhere}.neighbors li button span:last-child{flex-shrink:0;color:var(--color-muted)}.world-actions{display:flex;flex-direction:column;gap:10px}.found-city label,.plot-list label{display:block;font-size:.85rem;margin:22px 0 8px}.found-city input,.plot-list input{width:100%;min-height:46px;padding:12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font:1rem var(--font-body)}.found-city input+.ui-button{margin-top:10px}.found-city input[aria-invalid=true]{border-color:var(--color-danger)}.found-city input[readonly]{color:var(--color-muted)}.field-error{min-height:1.4rem;color:var(--color-danger);margin:0}.found-terms{border-left:2px solid var(--color-brass);padding-left:14px;margin:16px 0;font-size:.85rem}.found-terms p{margin-bottom:0}.world-banner{padding:12px 24px;color:var(--color-text);background:var(--color-panel);border-bottom:1px solid var(--color-divider);font-size:.85rem}.world-banner .ui-button{margin-left:12px}.plot-list{margin-top:0;margin-bottom:0;min-height:0;flex:1;padding:0 24px 20px;overflow:auto}.plot-search{display:flex;gap:8px}.plot-search input{min-width:0}.plot-filters{display:flex;gap:8px;margin-top:14px}.plot-filters button[aria-pressed=true]{border-color:var(--color-brass);color:var(--color-brass)}.plot-list ul{list-style:none;margin:0;padding:0}.plot-list li button{display:flex;align-items:center;gap:14px;width:100%;min-height:62px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-bottom:0;padding:12px 16px;text-align:left;font:.8rem var(--font-body);cursor:pointer}.plot-list li:last-child button{border-bottom:1px solid var(--color-divider)}.plot-list li button.selected,.plot-list li button:hover:not(:disabled){background:var(--color-panel);outline:1px solid var(--color-brass);outline-offset:-1px}.plot-list li button:disabled{opacity:.5;cursor:not-allowed}.plot-list li button span:nth-child(2){flex:1;min-width:0}.plot-list strong{display:block;overflow-wrap:anywhere;font-weight:500}.plot-list small{display:block;margin-top:4px;color:var(--color-muted)}.plot-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:.85rem}.map-fallback{padding:95px 24px;color:var(--color-text);max-width:540px}.map-fallback h2{font-family:var(--font-title);font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.city-context{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 24px;background:var(--color-panel);flex-wrap:wrap}.city-context a{color:var(--color-brass)}.city-context p{margin:0;font-size:.85rem}@media (max-width: 950px){.world-stage{grid-template-columns:minmax(0,1fr) 300px}.world-card{padding:22px 18px}.map-tools{max-width:none}.world-heading{padding:20px}}@media (max-width: 700px){.world-page{height:auto;min-height:calc(100dvh - var(--game-nav-height))}.world-heading{min-height:78px;gap:12px}.world-heading-meta{font-size:.65rem;max-width:115px}.world-eyebrow{font-size:.6rem}.world-stage{display:flex;flex-direction:column}.world-map-region{height:66svh;min-height:450px;flex:none}.world-card{overflow:visible;border-left:0;border-top:1px solid var(--color-border);padding:24px 22px max(28px,env(safe-area-inset-bottom))}.world-map-top{padding:6px 10px}.world-map-top .ui-button{padding:8px 10px;font-size:.75rem}.map-toolbar{inset-inline:12px}.map-caption{font-size:.6rem}.map-legend{gap:5px 15px;padding-inline:12px;font-size:.65rem}.is-founding .world-map-region{height:300px;min-height:300px}.is-founding .map-toolbar{display:none}.world-welcome{padding-top:0}.world-welcome-note{margin:24px 0}.world-heading h1{font-size:1.55rem}.city-context{padding:12px 16px}.plot-list,.plot-filters .ui-button{padding-inline:12px}}.world-hub-label{border-color:var(--color-brass);min-width:148px}.world-hub-label small{color:var(--color-brass);letter-spacing:.1em}.world-hub-status{display:flex;gap:14px;align-items:center;padding:18px 0;margin:20px 0;border-block:1px solid var(--color-border)}.world-hub-status>span{font-size:32px;color:var(--color-brass)}.world-hub-status p{margin:6px 0 0;color:var(--color-muted)}.world-hub-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;font-size:14px;line-height:1.5}.world-hub-facts dt{color:var(--color-muted)}.world-hub-facts dd{margin:0}@media (max-width: 700px){.world-map-top{flex-wrap:wrap}.world-map-top .map-caption{flex:1 0 100%}.world-hub-label.is-selected{display:none}}@media (max-width: 950px){.map-toolbar .scene-button span{display:none}}@media (max-width: 700px){.world-map-top{flex-wrap:wrap;gap:4px 8px}.world-map-top .map-caption{flex:1 0 100%;padding-block:2px}.map-toolbar{padding:4px 8px}.map-legend{gap:4px 12px;padding:8px 12px}.world-heading{padding:14px 16px}.world-card{padding:22px 20px}}.world-page{position:relative;isolation:isolate;height:100dvh;min-height:620px;display:block}.world-stage,.world-map-region,.world-viewport{position:absolute;top:0;right:0;bottom:0;left:0}.world-stage,.world-map-region{display:block}.world-hud-top{position:relative;z-index:10;display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;padding:8px 68px 0 12px;pointer-events:none;background:linear-gradient(var(--color-hud),transparent)}.world-hud-top>*{pointer-events:auto}.world-heading{display:block;min-height:0;padding:51px 0 10px;border:0}.world-heading h1{font-size:23px;overflow-wrap:anywhere}.world-heading .world-eyebrow{font-size:9px;margin-bottom:5px}.world-heading-meta{text-align:left;font-size:10px;margin-top:8px;gap:2px}.world-map-top{position:absolute;z-index:3;left:12px;top:calc(var(--world-top-height, 140px) + 8px);min-height:0;padding:5px;border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-panel);background:var(--color-hud)}.map-caption{padding-inline:6px}.map-toolbar{position:absolute;z-index:4;left:12px;right:12px;bottom:43px;padding:0;border:0;background:transparent;pointer-events:none}.map-toolbar>*{pointer-events:auto}.map-zoom,.map-tools{padding:4px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-hud);box-shadow:var(--shadow-panel)}.map-legend{position:absolute;z-index:3;bottom:0;left:0;right:0;min-height:30px;padding:7px 14px;font-size:10px;background:var(--color-hud)}.world-city-label{background:var(--color-hud)}.world-city-label.own{background:var(--color-selected);color:var(--color-text)}.world-card{position:absolute;z-index:6;width:360px;right:12px;top:calc(var(--world-top-height, 140px) + 8px);bottom:var(--world-controls-clearance, 118px);border:1px solid var(--color-border);border-radius:9px;box-shadow:var(--shadow-panel);padding:18px;background:var(--color-hud);overscroll-behavior:contain}.world-card.is-quick{width:300px;right:auto;bottom:auto;max-height:calc(100% - var(--world-top-height, 140px) - 132px);padding:14px;left:clamp(12px,calc(var(--anchor-x) + 32px),calc(100% - 312px));top:clamp(calc(var(--world-top-height, 140px) + 8px),calc(var(--anchor-y) - 110px),calc(100% - var(--world-card-height, 300px) - var(--world-controls-clearance, 118px)))}.city-quick-heading{display:flex;align-items:center;gap:8px}.city-quick-heading .building-portrait{width:76px;height:76px}.city-quick-heading>div{flex:1;min-width:0}.world-card .city-quick-heading h2{font-size:22px;margin:6px 0}.world-card .city-quick-heading p{font-size:12px;line-height:1.4;margin:0}.city-quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--color-divider)}.city-quick-actions .ui-button{flex:1;padding:9px 10px;font-size:13px;white-space:nowrap}.city-quick-actions>a{flex-basis:100%}.world-card .trade-card-brief p{margin:6px 0 10px;font-size:12px}.city-public-goods{display:flex;flex-wrap:wrap;gap:4px 10px;margin:8px 0}.city-public-goods>span{display:inline-flex;align-items:center;gap:4px;font-size:12px}.world-banner{position:relative;z-index:12;margin:4px 12px;padding:8px 12px;background:var(--color-hud)}.world-welcome{padding-top:0}.world-welcome-note{margin:20px 0;font-size:21px}.world-map-region>.plot-list{position:absolute;top:calc(var(--world-top-height, 140px) + 70px);bottom:50px;left:12px;width:calc(100% - 400px);min-height:0;overflow:auto;padding:14px;background:var(--color-hud);border:1px solid var(--color-border);border-radius:8px}.world-page.is-list .world-card.is-quick{left:auto;right:12px;top:calc(var(--world-top-height, 140px) + 8px);width:360px}.world-map-region .map-fallback{position:absolute;top:calc(var(--world-top-height, 140px) + 65px);left:12px;max-width:min(480px,calc(100% - 400px));padding:20px;border-radius:8px;background:var(--color-panel)}@media (max-width: 1150px){.world-hud-top{grid-template-columns:185px minmax(0,1fr);gap:8px}.map-toolbar .scene-button span{display:none}}@media (max-width: 700px){.world-page{height:max(100dvh,760px);min-height:760px}.world-hud-top{display:block;padding:54px 8px 0}.world-heading{padding:0 0 7px;display:flex;gap:10px;align-items:center}.world-heading h1{font-size:20px}.world-heading-meta{max-width:130px;margin:0 0 0 auto;font-size:9px;text-align:right}.world-heading .world-eyebrow{font-size:8px}.world-map-region,.is-founding .world-map-region{height:auto;min-height:0}.world-map-top{left:8px;right:8px;top:calc(var(--world-top-height, 215px) + 5px);gap:4px;flex-wrap:wrap;padding:4px}.world-map-top .map-caption{flex:1 0 100%;font-size:9px}.world-map-top .ui-button{min-height:36px;padding:4px 8px;font-size:11px}.world-card,.world-card.is-quick,.world-page.is-list .world-card.is-quick{width:auto;left:8px;right:8px;top:auto;bottom:var(--world-controls-clearance, 185px);height:auto;max-height:min(40dvh,330px);padding:12px;overflow:auto}.world-card h2{font-size:22px}.city-quick-heading .building-portrait{width:58px;height:58px}.world-card .city-quick-heading h2{font-size:20px}.city-quick-actions{padding-top:8px}.city-quick-actions>a{flex-basis:auto}.city-quick-actions .ui-button{font-size:11px;padding:7px 8px}.world-card .trade-card-brief p{margin-block:4px 7px}.map-toolbar,.is-founding .map-toolbar{display:grid;grid-template-columns:auto auto;left:8px;right:8px;bottom:44px;gap:6px}.map-tools{justify-self:end}.map-toolbar .game-command-dock{grid-row:2;grid-column:1 / -1;justify-self:center}.map-legend{min-height:36px;gap:3px 8px;font-size:8px;padding:5px 8px}.map-legend span:nth-child(n+5){display:none}.world-map-region>.plot-list{left:8px;width:calc(100% - 16px);top:calc(var(--world-top-height, 215px) + 82px);bottom:50px;padding:10px}.is-list .world-card{bottom:12px;max-height:38dvh}.world-map-region .map-fallback{max-width:calc(100% - 16px);left:8px;top:calc(var(--world-top-height, 215px) + 90px);padding:15px}}.world-hud-top{background:none}.world-heading{background:var(--color-hud);border:1px solid var(--color-divider);border-radius:6px;margin-top:50px;padding:8px;align-self:start;box-shadow:var(--shadow-control)}.world-heading-meta{line-height:1.4}@media (max-width: 700px){.world-heading{margin:0 0 6px;padding:6px}}.world-stage:has(.world-viewport>.map-fallback)>.world-card{display:none}@media (max-width: 700px){.world-page.is-list{height:auto;min-height:100dvh}.is-list .world-stage{position:relative}.is-list .world-map-region{position:relative;display:flex;flex-direction:column}.is-list .world-map-top{position:relative;left:auto;right:auto;top:auto;margin:6px 8px}.is-list .world-map-region>.plot-list{position:relative;top:auto;bottom:auto;left:auto;width:auto;max-height:52dvh;margin:0 8px;overflow:auto}.is-list .map-legend{position:relative;margin-top:8px}.world-page.is-list .world-card,.world-page.is-list .world-card.is-quick{position:relative;left:auto;right:auto;top:auto;bottom:auto;max-height:none;margin:8px;overflow:visible}}.world-command-dock{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-hud);box-shadow:var(--shadow-panel)}.world-command-dock .ui-button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.is-list .map-toolbar{justify-content:center}.is-list .world-map-region>.plot-list{bottom:115px}@media (max-width: 700px){.is-list .world-map-region>.plot-list{bottom:auto}.map-toolbar .world-command-dock{grid-row:2;grid-column:1 / -1;justify-self:center;max-width:100%}.world-command-dock .ui-button{min-height:40px}.is-list .map-toolbar{position:relative;left:auto;right:auto;bottom:auto;display:flex;justify-content:center;margin:8px}}.feedback-form textarea{display:block;width:100%;min-height:10rem;padding:10px 12px;resize:none;background:var(--color-input);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font:1rem/1.5 var(--font-body)}.feedback-form textarea[aria-invalid=true]{border-color:var(--color-danger)}.feedback-form textarea:disabled{opacity:.65}.feedback-count{margin:4px 0;text-align:right;color:var(--color-muted);font-variant-numeric:tabular-nums}.feedback-status{min-height:5rem}.feedback-status .ui-status{overflow-wrap:anywhere}.feedback-submit{min-width:10rem}.audio-settings{display:grid;gap:18px}.audio-toggle{display:flex;gap:12px;align-items:center;min-height:44px;cursor:pointer;font-weight:600}.audio-toggle input{width:20px;height:20px;accent-color:var(--color-brass);cursor:pointer}.audio-hint{color:var(--color-muted);font-size:.9rem;line-height:1.55;margin:0}.audio-volume{display:grid;grid-template-columns:1fr auto;gap:8px}.audio-volume label{font-weight:600}.audio-volume output{font-variant-numeric:tabular-nums}.audio-volume input{grid-column:1 / -1;width:100%;min-height:44px;margin:0;accent-color:var(--color-brass);cursor:pointer}.audio-current{border-block:1px solid var(--color-divider);padding:16px 0}.audio-current p{margin:6px 0;font-family:var(--font-title);font-size:1.3rem}.audio-current small{color:var(--color-muted)}.audio-credits{max-width:960px;margin:0 auto;padding:32px 24px 60px;line-height:1.6}.audio-credits header{margin:28px 0;max-width:650px}.audio-credits h1{font:2rem var(--font-title);margin:8px 0 16px}.audio-credits h2{font:1.35rem var(--font-title);margin:8px 0}.audio-credit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.audio-credit-list article{background:var(--color-panel);border:1px solid var(--color-divider);padding:22px;border-radius:4px;min-width:0}.audio-credit-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}.audio-credit-links a{min-height:44px;display:inline-flex;align-items:center}.audio-credits a,.audio-settings a{color:var(--color-brass);text-underline-offset:3px}.audio-credits a:hover,.audio-settings a:hover{color:var(--color-text)}.audio-credits footer{margin-top:28px;max-width:720px}@media (max-width: 650px){.audio-credits{padding:24px 16px 40px}.audio-credit-list{grid-template-columns:1fr}.audio-credit-list article{padding:18px}.audio-credits h1{font-size:1.7rem}}:root{--z-game-hud: 10;--z-game-panel: 20;--color-bg: #d8e1da;--color-panel: #eef0e6;--color-raised: #f8f7ef;--color-divider: #81958440;--color-text: #2c4039;--color-muted: #53675c;--color-brass: #855b37;--color-danger: #a1392e;--color-border: #708272;--color-focus: #266f91;--color-success: #346a42;--color-primary-surface: #e8cfac;--color-selected: #f4e5d0;--color-input: #fafbf5;--color-hud: #eef0e6f2;--color-backdrop: #425a4938;--shadow-panel: 0 8px 28px #243e3024, 0 1px 3px #243e3014;--shadow-control: 0 1px 2px #243e3020, inset 0 1px #ffffffb3;--scroll-thumb: #7c9083;--scroll-hover: #855b37;--scroll-track: #e4e9df;--font-title: Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--game-nav-height: 52px;color-scheme:light}*{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:6px}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background:var(--scroll-hover)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--color-brass);border-radius:4px;background:var(--color-primary-surface);color:var(--color-text);box-shadow:var(--shadow-control);font:600 .9rem var(--font-body);text-decoration:none;cursor:pointer}.ui-button.secondary{color:var(--color-text);background:var(--color-raised);border-color:var(--color-border)}.game-icon{width:20px;height:20px;flex:none}.game-navigation{position:relative;z-index:40;display:flex;gap:24px;align-items:center;min-height:52px;padding:0 20px;background:var(--color-bg);color:var(--color-text);border-bottom:1px solid var(--color-divider);font:500 .76rem var(--font-body)}.game-navigation a{color:var(--color-muted);text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:44px}.game-navigation a:hover{color:var(--color-text)}.game-navigation .game-brand{color:var(--color-brass);font:500 .85rem var(--font-title);letter-spacing:.1em}.game-brand .game-icon{width:24px;height:24px}.game-primary-nav{display:flex;align-self:stretch;gap:22px}.game-primary-nav a[aria-current=page]{color:var(--color-brass);box-shadow:inset 0 -2px var(--color-brass)}.game-menu{margin-left:auto}.game-menu summary{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 8px;list-style:none;cursor:pointer;color:var(--color-brass)}.game-menu summary::-webkit-details-marker{display:none}.game-menu summary:hover,.game-menu[open] summary{background:var(--color-raised)}.game-menu-links{position:absolute;right:12px;top:calc(100% + 6px);width:min(300px,calc(100vw - 24px));padding:18px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-panel);box-shadow:var(--shadow-panel)}.game-menu-links a,.game-menu-links button{display:flex;padding:8px;border-radius:3px}.game-menu-links button{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;align-items:center;gap:8px;cursor:pointer}.game-menu-links a:hover,.game-menu-links button:hover,.game-menu-links button:active{background:var(--color-raised)}.game-access-note{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--color-divider);color:var(--color-muted);font-size:.7rem;line-height:1.5}.ui-eyebrow{color:var(--color-brass);font:600 .65rem/1.5 var(--font-body);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}.scene-button{min-width:44px}.scene-button.is-compact span{display:none}.ui-button.scene-button.secondary{background:transparent;border-color:transparent;color:var(--color-muted)}.ui-button.scene-button:hover{background:var(--color-raised);color:var(--color-text)}.ui-button.scene-button:disabled{opacity:.5}.ui-button.danger{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}.ui-muted{color:var(--color-muted);line-height:1.6}.ui-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.ui-dialog{padding:0;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);border:1px solid var(--color-border);border-radius:10px;background:var(--color-panel);color:var(--color-text);font:400 .9rem/1.6 var(--font-body);box-shadow:var(--shadow-panel),0 0 0 6px #eef0e64d}.ui-dialog::backdrop{background:var(--color-backdrop)}.ui-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 24px;border-bottom:1px solid var(--color-divider)}.ui-dialog-heading h2{margin:0;font:400 1.35rem/1.2 var(--font-title)}.ui-dialog-heading .ui-button{padding:8px}.ui-dialog-body{padding:4px 24px 24px;overflow-wrap:anywhere}.ui-form label{display:block;margin:18px 0 8px;color:var(--color-muted);font-size:.8rem}.ui-form input{width:100%;min-height:44px;padding:10px 12px;background:var(--color-input);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font:1rem var(--font-body)}.ui-form input[aria-invalid=true]{border-color:var(--color-danger)}.ui-message-list{list-style:none;padding:0}.ui-message-list li{padding:12px 0;border-bottom:1px solid var(--color-divider)}.ui-message-list time{display:block;color:var(--color-muted);font-size:.72rem}.register-page{min-height:calc(100dvh - var(--game-nav-height));padding:clamp(20px,4vw,56px);background:var(--color-bg)}.city-register{max-width:1160px;margin:auto}.register-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--color-divider);padding-bottom:24px}.register-heading h1{font:400 clamp(1.7rem,3vw,2.4rem) var(--font-title);margin:0}.register-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;margin-top:30px}.register-city{background:var(--color-panel);border:1px solid var(--color-divider);border-radius:5px;overflow:hidden}.register-city>header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--color-divider)}.register-city>header>.game-icon{color:var(--color-brass)}.register-city h2{font:400 1.4rem var(--font-title);margin:0;flex:1;overflow-wrap:anywhere}.register-city dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px}.register-city dt{color:var(--color-muted);font-size:.65rem;margin-bottom:4px}.register-city dd{margin:0;font-size:.85rem;font-variant-numeric:tabular-nums}.register-stocks{display:flex;flex-wrap:wrap;gap:8px 16px;margin:20px;color:var(--color-muted);font-size:.7rem}.register-stocks strong{color:var(--color-text);margin-left:4px}.register-city footer{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-top:1px solid var(--color-divider)}.register-city footer .ui-button{padding:8px 12px;font-size:.75rem}.register-empty{padding:60px 0;text-align:center;color:var(--color-muted)}.register-empty .game-icon{width:48px;height:48px;color:var(--color-brass)}.register-empty h2{font:400 1.5rem var(--font-title);color:var(--color-text)}.register-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:24px}@media (max-width: 700px){.register-heading{align-items:flex-start;flex-direction:column;gap:16px}.register-page{padding:24px 16px}.ui-dialog-body{padding-inline:18px}}@media (max-width: 700px){.game-navigation{gap:10px;padding:0 10px}.game-navigation .game-brand{font-size:.72rem;gap:5px;letter-spacing:.03em}.game-brand .game-icon{width:20px;height:20px}.game-primary-nav{gap:2px}.game-primary-nav a{padding:0 7px}.game-primary-nav a span,.game-menu summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.ui-button:hover:not(:disabled){filter:brightness(1.035);border-color:var(--color-brass)}.ui-button:active:not(:disabled){filter:brightness(.97)}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-status{min-height:3rem;padding-block:8px;font-size:.9rem;line-height:1.5}.ui-status[role=alert]{color:var(--color-danger)}.session-warning{position:fixed;z-index:30;top:calc(var(--game-nav-height) + 8px);right:12px;width:min(32rem,calc(100% - 24px));max-height:calc(100dvh - var(--game-nav-height) - 24px);overflow-y:auto;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-panel);box-shadow:var(--shadow-panel)}.ui-page-state{min-height:65vh;display:grid;align-content:center;justify-items:start;gap:16px;padding:clamp(24px,8vw,96px);background:var(--color-bg);color:var(--color-text)}.ui-page-state h1{font:400 2rem var(--font-title);margin:0}.ui-page-state a{color:var(--color-brass)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}@media (forced-colors: active){*{scrollbar-color:auto}.ui-button{border-color:ButtonText}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto}}.game-navigation.is-playing{position:absolute;top:8px;left:12px;min-height:44px;padding:0;border:0;background:transparent;gap:0}.game-navigation.is-playing .game-brand{display:none}.is-playing .game-primary-nav{gap:4px}.is-playing .game-primary-nav a{padding:0 12px;min-height:42px;border-radius:5px;border:1px solid var(--color-border);background:var(--color-hud);color:var(--color-text);box-shadow:var(--shadow-control)}.is-playing .game-primary-nav a[aria-current=page]{background:var(--color-selected);border-color:var(--color-brass);color:var(--color-brass);box-shadow:var(--shadow-control)}.is-playing .game-menu{position:fixed;right:12px;top:8px}.is-playing .game-menu summary{width:44px;justify-content:center;background:var(--color-hud);border:1px solid var(--color-border);border-radius:5px;box-shadow:var(--shadow-control)}.is-playing .game-menu summary span{display:none}.is-playing .game-menu-links{right:0;top:52px}.game-navigation.is-playing .game-primary-nav a span{position:static;width:auto;height:auto;clip-path:none;overflow:visible}.game-navigation.is-playing .game-primary-nav .game-icon{display:none}.ui-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--color-divider)}.ui-tabs button{flex:1;min-width:0;min-height:44px;padding:8px 4px;border:0;background:transparent;color:var(--color-muted);font:500 .8rem var(--font-body);cursor:pointer}.ui-tabs button[aria-selected=true]{color:var(--color-brass);box-shadow:inset 0 -2px var(--color-brass)}.ui-tabs button:hover{background:var(--color-raised)}.ui-tabs button:focus-visible{outline-offset:-4px}.resource-icon{width:42px;height:42px;flex:none;display:inline-block;vertical-align:middle}.resource-icon.is-small{width:24px;height:24px}.building-portrait{width:100px;height:92px;object-fit:contain;flex:none}.game-command-dock{display:flex;align-items:stretch;border:1px solid var(--color-divider);border-radius:8px;padding:4px;background:var(--color-hud);box-shadow:var(--shadow-panel)}.game-command-dock .ui-button{border:0;box-shadow:none;background:transparent;border-radius:4px;flex-direction:column;gap:3px;min-width:68px;padding:7px 12px;font-size:.7rem}.game-command-dock .ui-button .game-icon{color:var(--color-brass)}.game-command-dock .ui-button:hover,.game-command-dock .ui-button[aria-pressed=true]{background:var(--color-selected)}.ui-popover{position:fixed;z-index:50;width:min(310px,calc(100vw - 24px));padding:16px;background:var(--color-panel);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-panel);overflow-y:auto;overscroll-behavior:contain;font:.8rem/1.5 var(--font-body)}.ui-popover h2{font:400 1.3rem/1.2 var(--font-title);margin:0}.ui-popover-close{position:absolute;right:5px;top:5px;padding:8px;min-width:44px}.resource-picker{border:0;padding:0;margin:0;min-width:0}.resource-picker legend{font-size:.75rem;color:var(--color-muted);margin-bottom:5px}.resource-picker-options{display:flex;gap:5px}.resource-picker button{min-width:44px;min-height:48px;flex:1;border:1px solid var(--color-border);border-radius:5px;background:var(--color-input);cursor:pointer;color:var(--color-text)}.resource-picker button[aria-pressed=true]{background:var(--color-selected);border-color:var(--color-brass);box-shadow:inset 0 -2px var(--color-brass)}.resource-picker button:hover:not(:disabled){background:var(--color-raised)}.resource-picker button:disabled{opacity:.55;cursor:not-allowed}.resource-picker .resource-icon{width:34px;height:34px}.quantity-field{min-width:0}.quantity-control{display:flex;gap:0;align-items:stretch}.quantity-control .ui-button{padding:8px;min-width:36px;border-radius:4px 0 0 4px;box-shadow:none}.quantity-control .ui-button:last-child{border-radius:0 4px 4px 0}.quantity-control input{border-radius:0;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;margin:0}.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media (max-width: 700px){.game-navigation.is-playing{left:8px;top:6px}.is-playing .game-menu{right:8px;top:6px}.game-command-dock .ui-button{min-width:52px;padding:6px 8px;font-size:.65rem}.resource-picker-options{gap:3px}.resource-picker .resource-icon{width:30px;height:30px}}:root{--motion-enter: .18s;--motion-ease: cubic-bezier(.2, .7, .25, 1)}@keyframes surface-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.ui-dialog[open],.ui-popover,.city-sidebar:not([hidden]),.plot-details,.hub-details,.city-quick-card,.game-menu[open]>div{animation:surface-enter var(--motion-enter) var(--motion-ease) both}.ui-dialog[open]::backdrop{animation:backdrop-enter var(--motion-enter) ease-out both}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}.ui-button,.scene-button,.ui-tab{transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}@media (prefers-reduced-motion: reduce){.ui-dialog[open],.ui-dialog[open]::backdrop,.ui-popover,.city-sidebar:not([hidden]),.plot-details,.hub-details,.city-quick-card,.game-menu[open]>div{animation:none}.ui-button,.scene-button,.ui-tab{transition:none}}:root{font-family:var(--font-body);line-height:1.4;color:var(--color-text);background-color:var(--color-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}