@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:600;src:url(./cinzel-latin-600-normal-WQO7HZ7B.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Source Sans 3";font-style:normal;font-weight:400;src:url(./source-sans-3-latin-400-normal-QJ4BPJSY.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Source Sans 3";font-style:normal;font-weight:600;src:url(./source-sans-3-latin-600-normal-LAHJG75G.woff2) format("woff2")}:root{--scale: 2;--ui-page-bg: #000;--ui-page-fg: #edc;--ui-bg-0: #a9a9ad;--ui-bg-1: #c6c6ca;--ui-bg-2: #edc;--ui-sunken: #8f8f94;--ui-title-bg: #38e;--ui-title-fg: #edc;--ui-fg: #123;--ui-fg-muted: #3d4452;--ui-line: rgba(0, 0, 0, .3);--ui-line-soft: rgba(0, 0, 0, .15);--ui-bevel-light: #e2e2e6;--ui-bevel-dark: #5a5a5f;--ui-bevel-width: 2px;--ui-window-edge: #ccc;--ui-accent: #2966a8;--ui-accent-ink: #edc;--ui-focus: #123;--ui-positive: #17641b;--ui-negative: #a82929;--ui-warn: #932;--ui-rate-tax: #c9a227;--ui-rate-luxury: #b0459e;--ui-rate-science: #2966a8;--y-food: #c98a1b;--y-shield: #3f6fb0;--y-trade: #2f9a8a;--y-gold: #d4ac0d;--y-science: #7a5cc4;--y-luxury: #b0459e;--y-pollution: #6f6a4f;--y-short: #a82929;--y-happy: #0ce0e8;--y-unhappy: #7e2727;--ui-shade: #000;--ui-light: #fff;--ui-glow: #fff;--ui-overlay-bg: rgba(0, 0, 0, .6);--ui-overlay-fg: #fff;--ui-backdrop: rgba(0, 0, 0, .3);--ui-unknown-owner: #888;--ui-unknown-owner-edge: #555;--ui-chip-bg: #222;--ui-chip-edge: #aaa;--ui-city-banner: label;--ui-city-banner-bg: #222;--ui-city-banner-fg: #fff;--ui-city-banner-edge: #aaa;--ui-city-banner-radius: 0;--ui-city-banner-family: var(--font-ui);--ui-city-banner-track: #555;--ui-action: #150d40;--ui-action-research: #2966a8;--ui-action-build: #ffa109;--ui-action-disorder: #a82929;--ui-action-notice: #c9a227;--ui-action-end-turn: #25b906;--ui-action-units: #7a4fa8;--ui-orb-ring: radial-gradient( circle, transparent 60%, #7c8889 60%, #0d0d0d 61%, #b2c2c2 62%, #b3c2c7 65%, #828282 66%, #7d7f7f 70% );--ui-orb-highlight: rgba(255, 255, 255, .3);--ui-orb-motion: 0s;--ui-orb-press: none;--ui-btn-bg: #efefef;--ui-btn-bg-hover: #e5e5e5;--ui-btn-bg-pressed: #d6d6d6;--ui-btn-edge: #767676;--ui-btn-fg: #000;--ui-btn-primary-bg: #efefef;--ui-btn-primary-bg-hover: #e5e5e5;--ui-btn-primary-bg-pressed: #d6d6d6;--ui-btn-primary-edge: #767676;--ui-btn-primary-fg: #000;--ui-btn-quiet-bg: #efefef;--ui-btn-quiet-bg-hover: #e5e5e5;--ui-btn-quiet-edge: #767676;--ui-btn-quiet-fg: #000;--ui-btn-danger-fg: #000;--ui-btn-shadow-pressed: none;--ui-segment-on-bg: #2966a8;--ui-segment-on-fg: #fff;--ui-btn-focus-outline: auto 1px;--ui-btn-focus-offset: 0;--ui-btn-disabled-opacity: .5;--ui-btn-family: Arial, sans-serif;--ui-btn-size: 13.3333px;--ui-btn-weight: normal;--ui-btn-height: 0;--ui-btn-padding: 1px 6px;--ui-btn-icon-size: 0;--ui-title-btn-bg: #efefef;--ui-title-btn-bg-hover: #e5e5e5;--ui-title-btn-edge: #444;--ui-title-btn-fg: #000;--ui-btn-icon-padding: 1px 6px;--ui-kbd-display: none;--ui-kbd-bg: #e5e5e5;--ui-kbd-edge: #767676;--ui-kbd-fg: #000;--ui-control-scheme: light;--ui-control-bg: #fff;--ui-control-fg: #000;--ui-control-edge: #767676;--ui-control-radius: 2px;--ui-control-family: Arial, sans-serif;--ui-control-size: 13.3333px;--ui-control-height: auto;--ui-control-padding: 2px 3px;--ui-control-placeholder: #757575;--ui-control-disabled-opacity: .5;--ui-select-arrow: #000;--ui-select-padding: 1px 17px 1px 3px;--ui-check-size: 13px;--ui-check-radius: 2px;--ui-check-bg: #fff;--ui-check-edge: #767676;--ui-check-edge-hover: #4f4f4f;--ui-check-on: #0075ff;--ui-check-on-hover: #005cc8;--ui-check-mark: #fff;--ui-range-track: #efefef;--ui-range-track-edge: #b2b2b2;--ui-range-track-height: 8px;--ui-range-fill: #0075ff;--ui-range-thumb: #0075ff;--ui-range-thumb-size: 16px;--ui-link-fg: #00e;--ui-link-decoration: underline;--ui-link-decoration-hover: underline;--ui-choice-bg: Highlight;--ui-choice-fg: HighlightText;--ui-focus-outline: auto 1px;--ui-focus-colour: -webkit-focus-ring-color;--ui-focus-offset: 0;--ui-bar-track: color-mix(in srgb, var(--ui-shade) 12%, transparent);--ui-bar-edge: color-mix(in srgb, var(--ui-shade) 35%, transparent);--ui-bar-radius: 2px;--ui-bar-inset: inset 0 1px 2px color-mix(in srgb, var(--ui-shade) 20%, transparent);--ui-bar-gloss: inset 0 1px 0 color-mix(in srgb, var(--ui-light) 30%, transparent);--ui-bar-next-opacity: .6;--ui-bar-tick: color-mix(in srgb, var(--ui-shade) 25%, transparent);--ui-tooltip-bg: #edc;--ui-tooltip-fg: #123;--ui-tooltip-muted: #3d4452;--ui-tooltip-edge: #ccc;--ui-tooltip-rule: rgba(0, 0, 0, .3);--ui-tooltip-radius: 3px;--ui-tooltip-shadow: 1px 1px 5px rgba(0, 0, 0, .6);--ui-tooltip-title-bg: #38e;--ui-tooltip-title-fg: #edc;--ui-menu-bg: color-mix(in srgb, var(--ui-shade) 40%, transparent);--ui-menu-fg: var(--ui-shade);--ui-menu-muted: #3d4452;--ui-menu-edge: transparent;--ui-menu-rule: transparent;--ui-menu-rule-width: 0px;--ui-menu-divider: color-mix(in srgb, var(--ui-light) 50%, transparent);--ui-menu-radius: 1rem;--ui-menu-shadow: none;--ui-menu-padding: .5rem;--ui-menu-heading-fg: var(--ui-light);--ui-menu-eyebrow-fg: var(--ui-light);--ui-menu-item-bg: color-mix(in srgb, var(--ui-light) 85%, transparent);--ui-menu-item-fg: var(--ui-shade);--ui-menu-item-radius: .66rem;--ui-menu-item-gap: .5rem;--ui-menu-item-padding: .25rem .5rem;--ui-menu-hover-bg: var(--ui-overlay-bg);--ui-menu-hover-fg: var(--ui-overlay-fg);--ui-menu-hover-bar: transparent;--ui-menu-pressed-bg: var(--ui-overlay-bg);--ui-menu-danger-fg: var(--ui-shade);--ui-menu-danger-hover-fg: var(--ui-menu-hover-fg);--ui-menu-kbd-bg: var(--ui-kbd-bg);--ui-menu-kbd-edge: var(--ui-kbd-edge);--ui-menu-kbd-fg: var(--ui-kbd-fg);--ui-menu-motion: var(--ui-motion-fast);--ui-menu-rise: 0px;--ui-title-rule: var(--ui-accent);--ui-footer-bg: transparent;--ui-footer-edge: var(--ui-line-soft);--ui-table-stripe: color-mix(in srgb, var(--ui-fg) 6%, transparent);--ui-table-hover: color-mix(in srgb, var(--ui-accent) 16%, transparent);--ui-table-rule: var(--ui-line);--ui-table-row-height: 2rem;--ui-corruption-icon-filter: none;--ui-motion-fast: 0s;--ui-motion-base: 0s;--ui-motion-slow: 0s;--ui-motion-pulse: 0s;--ui-ease: linear;--ui-window-motion-in: var(--ui-motion-base);--ui-window-motion-out: var(--ui-motion-fast);--ui-notification-motion-in: var(--ui-motion-slow);--ui-notification-motion-out: var(--ui-motion-base);--ui-section-motion: var(--ui-motion-slow);--ui-pulse-ring: var(--ui-glow);--ui-unit-marker: blink;--ui-unit-ring: #fff;--ui-unit-ring-halo: rgba(255, 255, 255, .35);--ui-unit-ring-glow: rgba(255, 255, 255, .5);--ui-radius-control: 3px;--ui-radius-window: 3px;--ui-shadow-panel: 1px 1px 5px rgba(0, 0, 0, .6);--ui-shadow-window: 1px 1px 5px rgba(0, 0, 0, .6);--ui-shadow-orb: 2px 2px 2px rgba(0, 0, 0, .4);--ui-text-shadow-title: 1px 1px 0 rgba(0, 0, 0, .6);--font-ui: sans-serif;--font-display: sans-serif;--font-mono: monospace;--type-body-size: 1rem;--type-bar-size: .9em;--type-detail-size: .85em;--type-caption-size: .8em;--type-title-family: var(--font-display);--type-title-size: 1.17em;--type-title-weight: bold;--type-title-tracking: normal;--type-heading-family: var(--font-display);--type-heading-size: .85em;--type-heading-weight: bold;--type-heading-tracking: normal;--type-heading-transform: none;--type-eyebrow-size: 1em;--type-eyebrow-weight: bold;--type-eyebrow-tracking: normal;--type-eyebrow-transform: none;--type-eyebrow-colour: currentColor;--type-strong-weight: bold;--type-figures: normal}@media (prefers-color-scheme: dark){:root:not([data-ui-theme]):not([data-theme=light]){--ui-bg-0: #2c2e35;--ui-bg-1: #3b3e47;--ui-sunken: #1e2025;--ui-title-bg: #2a5fae;--ui-title-fg: #edc;--ui-fg: #edc;--ui-fg-muted: #b9b3a5;--ui-bevel-light: #4f535e;--ui-bevel-dark: #121317;--ui-accent: #6aa6e8;--ui-focus: #edc;--ui-positive: #7dd27f;--ui-negative: #ff8273;--ui-rate-tax: #e0bb45;--ui-rate-luxury: #d777c6;--ui-rate-science: #6aa6e8}:root:not([data-ui-theme]):not([data-theme=light]) .window{--ui-page-bg: #000;--ui-page-fg: #edc;--ui-bg-0: #a9a9ad;--ui-bg-1: #c6c6ca;--ui-bg-2: #edc;--ui-sunken: #8f8f94;--ui-title-bg: #38e;--ui-title-fg: #edc;--ui-fg: #123;--ui-fg-muted: #3d4452;--ui-line: rgba(0, 0, 0, .3);--ui-line-soft: rgba(0, 0, 0, .15);--ui-bevel-light: #e2e2e6;--ui-bevel-dark: #5a5a5f;--ui-bevel-width: 2px;--ui-window-edge: #ccc;--ui-accent: #2966a8;--ui-accent-ink: #edc;--ui-focus: #123;--ui-positive: #17641b;--ui-negative: #a82929;--ui-warn: #932;--ui-rate-tax: #c9a227;--ui-rate-luxury: #b0459e;--ui-rate-science: #2966a8;--y-food: #c98a1b;--y-shield: #3f6fb0;--y-trade: #2f9a8a;--y-gold: #d4ac0d;--y-science: #7a5cc4;--y-luxury: #b0459e;--y-pollution: #6f6a4f;--y-short: #a82929;--y-happy: #0ce0e8;--y-unhappy: #7e2727;--ui-shade: #000;--ui-light: #fff;--ui-glow: #fff;--ui-overlay-bg: rgba(0, 0, 0, .6);--ui-overlay-fg: #fff;--ui-backdrop: rgba(0, 0, 0, .3);--ui-unknown-owner: #888;--ui-unknown-owner-edge: #555;--ui-chip-bg: #222;--ui-chip-edge: #aaa;--ui-city-banner: label;--ui-city-banner-bg: #222;--ui-city-banner-fg: #fff;--ui-city-banner-edge: #aaa;--ui-city-banner-radius: 0;--ui-city-banner-family: var(--font-ui);--ui-city-banner-track: #555;--ui-action: #150d40;--ui-action-research: #2966a8;--ui-action-build: #ffa109;--ui-action-disorder: #a82929;--ui-action-notice: #c9a227;--ui-action-end-turn: #25b906;--ui-action-units: #7a4fa8;--ui-orb-ring: radial-gradient( circle, transparent 60%, #7c8889 60%, #0d0d0d 61%, #b2c2c2 62%, #b3c2c7 65%, #828282 66%, #7d7f7f 70% );--ui-orb-highlight: rgba(255, 255, 255, .3);--ui-orb-motion: 0s;--ui-orb-press: none;--ui-btn-bg: #efefef;--ui-btn-bg-hover: #e5e5e5;--ui-btn-bg-pressed: #d6d6d6;--ui-btn-edge: #767676;--ui-btn-fg: #000;--ui-btn-primary-bg: #efefef;--ui-btn-primary-bg-hover: #e5e5e5;--ui-btn-primary-bg-pressed: #d6d6d6;--ui-btn-primary-edge: #767676;--ui-btn-primary-fg: #000;--ui-btn-quiet-bg: #efefef;--ui-btn-quiet-bg-hover: #e5e5e5;--ui-btn-quiet-edge: #767676;--ui-btn-quiet-fg: #000;--ui-btn-danger-fg: #000;--ui-btn-shadow-pressed: none;--ui-segment-on-bg: #2966a8;--ui-segment-on-fg: #fff;--ui-btn-focus-outline: auto 1px;--ui-btn-focus-offset: 0;--ui-btn-disabled-opacity: .5;--ui-btn-family: Arial, sans-serif;--ui-btn-size: 13.3333px;--ui-btn-weight: normal;--ui-btn-height: 0;--ui-btn-padding: 1px 6px;--ui-btn-icon-size: 0;--ui-title-btn-bg: #efefef;--ui-title-btn-bg-hover: #e5e5e5;--ui-title-btn-edge: #444;--ui-title-btn-fg: #000;--ui-btn-icon-padding: 1px 6px;--ui-kbd-display: none;--ui-kbd-bg: #e5e5e5;--ui-kbd-edge: #767676;--ui-kbd-fg: #000;--ui-control-scheme: light;--ui-control-bg: #fff;--ui-control-fg: #000;--ui-control-edge: #767676;--ui-control-radius: 2px;--ui-control-family: Arial, sans-serif;--ui-control-size: 13.3333px;--ui-control-height: auto;--ui-control-padding: 2px 3px;--ui-control-placeholder: #757575;--ui-control-disabled-opacity: .5;--ui-select-arrow: #000;--ui-select-padding: 1px 17px 1px 3px;--ui-check-size: 13px;--ui-check-radius: 2px;--ui-check-bg: #fff;--ui-check-edge: #767676;--ui-check-edge-hover: #4f4f4f;--ui-check-on: #0075ff;--ui-check-on-hover: #005cc8;--ui-check-mark: #fff;--ui-range-track: #efefef;--ui-range-track-edge: #b2b2b2;--ui-range-track-height: 8px;--ui-range-fill: #0075ff;--ui-range-thumb: #0075ff;--ui-range-thumb-size: 16px;--ui-link-fg: #00e;--ui-link-decoration: underline;--ui-link-decoration-hover: underline;--ui-choice-bg: Highlight;--ui-choice-fg: HighlightText;--ui-focus-outline: auto 1px;--ui-focus-colour: -webkit-focus-ring-color;--ui-focus-offset: 0;--ui-bar-track: color-mix(in srgb, var(--ui-shade) 12%, transparent);--ui-bar-edge: color-mix(in srgb, var(--ui-shade) 35%, transparent);--ui-bar-radius: 2px;--ui-bar-inset: inset 0 1px 2px color-mix(in srgb, var(--ui-shade) 20%, transparent);--ui-bar-gloss: inset 0 1px 0 color-mix(in srgb, var(--ui-light) 30%, transparent);--ui-bar-next-opacity: .6;--ui-bar-tick: color-mix(in srgb, var(--ui-shade) 25%, transparent);--ui-tooltip-bg: #edc;--ui-tooltip-fg: #123;--ui-tooltip-muted: #3d4452;--ui-tooltip-edge: #ccc;--ui-tooltip-rule: rgba(0, 0, 0, .3);--ui-tooltip-radius: 3px;--ui-tooltip-shadow: 1px 1px 5px rgba(0, 0, 0, .6);--ui-tooltip-title-bg: #38e;--ui-tooltip-title-fg: #edc;--ui-menu-bg: color-mix(in srgb, var(--ui-shade) 40%, transparent);--ui-menu-fg: var(--ui-shade);--ui-menu-muted: #3d4452;--ui-menu-edge: transparent;--ui-menu-rule: transparent;--ui-menu-rule-width: 0px;--ui-menu-divider: color-mix(in srgb, var(--ui-light) 50%, transparent);--ui-menu-radius: 1rem;--ui-menu-shadow: none;--ui-menu-padding: .5rem;--ui-menu-heading-fg: var(--ui-light);--ui-menu-eyebrow-fg: var(--ui-light);--ui-menu-item-bg: color-mix(in srgb, var(--ui-light) 85%, transparent);--ui-menu-item-fg: var(--ui-shade);--ui-menu-item-radius: .66rem;--ui-menu-item-gap: .5rem;--ui-menu-item-padding: .25rem .5rem;--ui-menu-hover-bg: var(--ui-overlay-bg);--ui-menu-hover-fg: var(--ui-overlay-fg);--ui-menu-hover-bar: transparent;--ui-menu-pressed-bg: var(--ui-overlay-bg);--ui-menu-danger-fg: var(--ui-shade);--ui-menu-danger-hover-fg: var(--ui-menu-hover-fg);--ui-menu-kbd-bg: var(--ui-kbd-bg);--ui-menu-kbd-edge: var(--ui-kbd-edge);--ui-menu-kbd-fg: var(--ui-kbd-fg);--ui-menu-motion: var(--ui-motion-fast);--ui-menu-rise: 0px;--ui-title-rule: var(--ui-accent);--ui-footer-bg: transparent;--ui-footer-edge: var(--ui-line-soft);--ui-table-stripe: color-mix(in srgb, var(--ui-fg) 6%, transparent);--ui-table-hover: color-mix(in srgb, var(--ui-accent) 16%, transparent);--ui-table-rule: var(--ui-line);--ui-table-row-height: 2rem;--ui-corruption-icon-filter: none;--ui-motion-fast: 0s;--ui-motion-base: 0s;--ui-motion-slow: 0s;--ui-motion-pulse: 0s;--ui-ease: linear;--ui-window-motion-in: var(--ui-motion-base);--ui-window-motion-out: var(--ui-motion-fast);--ui-notification-motion-in: var(--ui-motion-slow);--ui-notification-motion-out: var(--ui-motion-base);--ui-section-motion: var(--ui-motion-slow);--ui-pulse-ring: var(--ui-glow);--ui-unit-marker: blink;--ui-unit-ring: #fff;--ui-unit-ring-halo: rgba(255, 255, 255, .35);--ui-unit-ring-glow: rgba(255, 255, 255, .5);--ui-radius-control: 3px;--ui-radius-window: 3px;--ui-shadow-panel: 1px 1px 5px rgba(0, 0, 0, .6);--ui-shadow-window: 1px 1px 5px rgba(0, 0, 0, .6);--ui-shadow-orb: 2px 2px 2px rgba(0, 0, 0, .4);--ui-text-shadow-title: 1px 1px 0 rgba(0, 0, 0, .6);--font-ui: sans-serif;--font-display: sans-serif;--font-mono: monospace;--type-body-size: 1rem;--type-bar-size: .9em;--type-detail-size: .85em;--type-caption-size: .8em;--type-title-family: var(--font-display);--type-title-size: 1.17em;--type-title-weight: bold;--type-title-tracking: normal;--type-heading-family: var(--font-display);--type-heading-size: .85em;--type-heading-weight: bold;--type-heading-tracking: normal;--type-heading-transform: none;--type-eyebrow-size: 1em;--type-eyebrow-weight: bold;--type-eyebrow-tracking: normal;--type-eyebrow-transform: none;--type-eyebrow-colour: currentColor;--type-strong-weight: bold;--type-figures: normal}}:root:not([data-ui-theme])[data-theme=dark]{--ui-bg-0: #2c2e35;--ui-bg-1: #3b3e47;--ui-sunken: #1e2025;--ui-title-bg: #2a5fae;--ui-title-fg: #edc;--ui-fg: #edc;--ui-fg-muted: #b9b3a5;--ui-bevel-light: #4f535e;--ui-bevel-dark: #121317;--ui-accent: #6aa6e8;--ui-focus: #edc;--ui-positive: #7dd27f;--ui-negative: #ff8273;--ui-rate-tax: #e0bb45;--ui-rate-luxury: #d777c6;--ui-rate-science: #6aa6e8}:root:not([data-ui-theme])[data-theme=dark] .window{--ui-page-bg: #000;--ui-page-fg: #edc;--ui-bg-0: #a9a9ad;--ui-bg-1: #c6c6ca;--ui-bg-2: #edc;--ui-sunken: #8f8f94;--ui-title-bg: #38e;--ui-title-fg: #edc;--ui-fg: #123;--ui-fg-muted: #3d4452;--ui-line: rgba(0, 0, 0, .3);--ui-line-soft: rgba(0, 0, 0, .15);--ui-bevel-light: #e2e2e6;--ui-bevel-dark: #5a5a5f;--ui-bevel-width: 2px;--ui-window-edge: #ccc;--ui-accent: #2966a8;--ui-accent-ink: #edc;--ui-focus: #123;--ui-positive: #17641b;--ui-negative: #a82929;--ui-warn: #932;--ui-rate-tax: #c9a227;--ui-rate-luxury: #b0459e;--ui-rate-science: #2966a8;--y-food: #c98a1b;--y-shield: #3f6fb0;--y-trade: #2f9a8a;--y-gold: #d4ac0d;--y-science: #7a5cc4;--y-luxury: #b0459e;--y-pollution: #6f6a4f;--y-short: #a82929;--y-happy: #0ce0e8;--y-unhappy: #7e2727;--ui-shade: #000;--ui-light: #fff;--ui-glow: #fff;--ui-overlay-bg: rgba(0, 0, 0, .6);--ui-overlay-fg: #fff;--ui-backdrop: rgba(0, 0, 0, .3);--ui-unknown-owner: #888;--ui-unknown-owner-edge: #555;--ui-chip-bg: #222;--ui-chip-edge: #aaa;--ui-city-banner: label;--ui-city-banner-bg: #222;--ui-city-banner-fg: #fff;--ui-city-banner-edge: #aaa;--ui-city-banner-radius: 0;--ui-city-banner-family: var(--font-ui);--ui-city-banner-track: #555;--ui-action: #150d40;--ui-action-research: #2966a8;--ui-action-build: #ffa109;--ui-action-disorder: #a82929;--ui-action-notice: #c9a227;--ui-action-end-turn: #25b906;--ui-action-units: #7a4fa8;--ui-orb-ring: radial-gradient( circle, transparent 60%, #7c8889 60%, #0d0d0d 61%, #b2c2c2 62%, #b3c2c7 65%, #828282 66%, #7d7f7f 70% );--ui-orb-highlight: rgba(255, 255, 255, .3);--ui-orb-motion: 0s;--ui-orb-press: none;--ui-btn-bg: #efefef;--ui-btn-bg-hover: #e5e5e5;--ui-btn-bg-pressed: #d6d6d6;--ui-btn-edge: #767676;--ui-btn-fg: #000;--ui-btn-primary-bg: #efefef;--ui-btn-primary-bg-hover: #e5e5e5;--ui-btn-primary-bg-pressed: #d6d6d6;--ui-btn-primary-edge: #767676;--ui-btn-primary-fg: #000;--ui-btn-quiet-bg: #efefef;--ui-btn-quiet-bg-hover: #e5e5e5;--ui-btn-quiet-edge: #767676;--ui-btn-quiet-fg: #000;--ui-btn-danger-fg: #000;--ui-btn-shadow-pressed: none;--ui-segment-on-bg: #2966a8;--ui-segment-on-fg: #fff;--ui-btn-focus-outline: auto 1px;--ui-btn-focus-offset: 0;--ui-btn-disabled-opacity: .5;--ui-btn-family: Arial, sans-serif;--ui-btn-size: 13.3333px;--ui-btn-weight: normal;--ui-btn-height: 0;--ui-btn-padding: 1px 6px;--ui-btn-icon-size: 0;--ui-title-btn-bg: #efefef;--ui-title-btn-bg-hover: #e5e5e5;--ui-title-btn-edge: #444;--ui-title-btn-fg: #000;--ui-btn-icon-padding: 1px 6px;--ui-kbd-display: none;--ui-kbd-bg: #e5e5e5;--ui-kbd-edge: #767676;--ui-kbd-fg: #000;--ui-control-scheme: light;--ui-control-bg: #fff;--ui-control-fg: #000;--ui-control-edge: #767676;--ui-control-radius: 2px;--ui-control-family: Arial, sans-serif;--ui-control-size: 13.3333px;--ui-control-height: auto;--ui-control-padding: 2px 3px;--ui-control-placeholder: #757575;--ui-control-disabled-opacity: .5;--ui-select-arrow: #000;--ui-select-padding: 1px 17px 1px 3px;--ui-check-size: 13px;--ui-check-radius: 2px;--ui-check-bg: #fff;--ui-check-edge: #767676;--ui-check-edge-hover: #4f4f4f;--ui-check-on: #0075ff;--ui-check-on-hover: #005cc8;--ui-check-mark: #fff;--ui-range-track: #efefef;--ui-range-track-edge: #b2b2b2;--ui-range-track-height: 8px;--ui-range-fill: #0075ff;--ui-range-thumb: #0075ff;--ui-range-thumb-size: 16px;--ui-link-fg: #00e;--ui-link-decoration: underline;--ui-link-decoration-hover: underline;--ui-choice-bg: Highlight;--ui-choice-fg: HighlightText;--ui-focus-outline: auto 1px;--ui-focus-colour: -webkit-focus-ring-color;--ui-focus-offset: 0;--ui-bar-track: color-mix(in srgb, var(--ui-shade) 12%, transparent);--ui-bar-edge: color-mix(in srgb, var(--ui-shade) 35%, transparent);--ui-bar-radius: 2px;--ui-bar-inset: inset 0 1px 2px color-mix(in srgb, var(--ui-shade) 20%, transparent);--ui-bar-gloss: inset 0 1px 0 color-mix(in srgb, var(--ui-light) 30%, transparent);--ui-bar-next-opacity: .6;--ui-bar-tick: color-mix(in srgb, var(--ui-shade) 25%, transparent);--ui-tooltip-bg: #edc;--ui-tooltip-fg: #123;--ui-tooltip-muted: #3d4452;--ui-tooltip-edge: #ccc;--ui-tooltip-rule: rgba(0, 0, 0, .3);--ui-tooltip-radius: 3px;--ui-tooltip-shadow: 1px 1px 5px rgba(0, 0, 0, .6);--ui-tooltip-title-bg: #38e;--ui-tooltip-title-fg: #edc;--ui-menu-bg: color-mix(in srgb, var(--ui-shade) 40%, transparent);--ui-menu-fg: var(--ui-shade);--ui-menu-muted: #3d4452;--ui-menu-edge: transparent;--ui-menu-rule: transparent;--ui-menu-rule-width: 0px;--ui-menu-divider: color-mix(in srgb, var(--ui-light) 50%, transparent);--ui-menu-radius: 1rem;--ui-menu-shadow: none;--ui-menu-padding: .5rem;--ui-menu-heading-fg: var(--ui-light);--ui-menu-eyebrow-fg: var(--ui-light);--ui-menu-item-bg: color-mix(in srgb, var(--ui-light) 85%, transparent);--ui-menu-item-fg: var(--ui-shade);--ui-menu-item-radius: .66rem;--ui-menu-item-gap: .5rem;--ui-menu-item-padding: .25rem .5rem;--ui-menu-hover-bg: var(--ui-overlay-bg);--ui-menu-hover-fg: var(--ui-overlay-fg);--ui-menu-hover-bar: transparent;--ui-menu-pressed-bg: var(--ui-overlay-bg);--ui-menu-danger-fg: var(--ui-shade);--ui-menu-danger-hover-fg: var(--ui-menu-hover-fg);--ui-menu-kbd-bg: var(--ui-kbd-bg);--ui-menu-kbd-edge: var(--ui-kbd-edge);--ui-menu-kbd-fg: var(--ui-kbd-fg);--ui-menu-motion: var(--ui-motion-fast);--ui-menu-rise: 0px;--ui-title-rule: var(--ui-accent);--ui-footer-bg: transparent;--ui-footer-edge: var(--ui-line-soft);--ui-table-stripe: color-mix(in srgb, var(--ui-fg) 6%, transparent);--ui-table-hover: color-mix(in srgb, var(--ui-accent) 16%, transparent);--ui-table-rule: var(--ui-line);--ui-table-row-height: 2rem;--ui-corruption-icon-filter: none;--ui-motion-fast: 0s;--ui-motion-base: 0s;--ui-motion-slow: 0s;--ui-motion-pulse: 0s;--ui-ease: linear;--ui-window-motion-in: var(--ui-motion-base);--ui-window-motion-out: var(--ui-motion-fast);--ui-notification-motion-in: var(--ui-motion-slow);--ui-notification-motion-out: var(--ui-motion-base);--ui-section-motion: var(--ui-motion-slow);--ui-pulse-ring: var(--ui-glow);--ui-unit-marker: blink;--ui-unit-ring: #fff;--ui-unit-ring-halo: rgba(255, 255, 255, .35);--ui-unit-ring-glow: rgba(255, 255, 255, .5);--ui-radius-control: 3px;--ui-radius-window: 3px;--ui-shadow-panel: 1px 1px 5px rgba(0, 0, 0, .6);--ui-shadow-window: 1px 1px 5px rgba(0, 0, 0, .6);--ui-shadow-orb: 2px 2px 2px rgba(0, 0, 0, .4);--ui-text-shadow-title: 1px 1px 0 rgba(0, 0, 0, .6);--font-ui: sans-serif;--font-display: sans-serif;--font-mono: monospace;--type-body-size: 1rem;--type-bar-size: .9em;--type-detail-size: .85em;--type-caption-size: .8em;--type-title-family: var(--font-display);--type-title-size: 1.17em;--type-title-weight: bold;--type-title-tracking: normal;--type-heading-family: var(--font-display);--type-heading-size: .85em;--type-heading-weight: bold;--type-heading-tracking: normal;--type-heading-transform: none;--type-eyebrow-size: 1em;--type-eyebrow-weight: bold;--type-eyebrow-tracking: normal;--type-eyebrow-transform: none;--type-eyebrow-colour: currentColor;--type-strong-weight: bold;--type-figures: normal}:root[data-ui-theme=slate]{--ui-page-bg: #0d1014;--ui-page-fg: #e9e5d9;--ui-bg-0: #e4e7eb;--ui-bg-1: #f2f4f6;--ui-bg-2: #f7f6f1;--ui-sunken: #d3d8df;--ui-title-bg: #2b313b;--ui-title-fg: #f1e6c8;--ui-fg: #1d222a;--ui-fg-muted: #586170;--ui-line: #bcc3cc;--ui-line-soft: #dde1e6;--ui-bevel-light: #ffffff;--ui-bevel-dark: #a6aeb9;--ui-bevel-width: 1px;--ui-window-edge: #a6aeb9;--ui-accent: #a8812f;--ui-accent-ink: #ffffff;--ui-focus: #a8812f;--ui-positive: #2f7d3e;--ui-negative: #b03a2e;--ui-warn: #a86a12;--ui-rate-tax: #b98d16;--ui-rate-luxury: #a2449a;--ui-rate-science: #3d6fb4;--y-food: #c98a1b;--y-shield: #3f6fb0;--y-trade: #2f9a8a;--y-gold: #b98d16;--y-science: #3d6fb4;--y-luxury: #a2449a;--y-pollution: #6f6a4f;--y-short: #b03a2e;--y-happy: #1fb8c2;--y-unhappy: #9a2f2f;--ui-shade: #0d1014;--ui-light: #ffffff;--ui-glow: #f1e6c8;--ui-overlay-bg: rgba(13, 16, 20, .72);--ui-overlay-fg: #f1e6c8;--ui-backdrop: rgba(13, 16, 20, .35);--ui-unknown-owner: #8b94a1;--ui-unknown-owner-edge: #59626f;--ui-chip-bg: #2b313b;--ui-chip-edge: #6b7482;--ui-city-banner: full;--ui-city-banner-bg: #2b313b;--ui-city-banner-fg: #f1e6c8;--ui-city-banner-edge: #8a6a26;--ui-city-banner-radius: 2;--ui-city-banner-family: var(--font-ui);--ui-city-banner-track: #151920;--ui-action: #2b313b;--ui-action-research: #3d6fb4;--ui-action-build: #c98a1b;--ui-action-disorder: #b03a2e;--ui-action-notice: #a8812f;--ui-action-end-turn: #2f8a3e;--ui-action-units: #6f5aa8;--ui-orb-ring: radial-gradient( circle, transparent 60%, #8a6a26 60%, #3a2c10 61%, #e3c77e 62%, #c9a24a 65%, #8a6a26 66%, #6e5420 70% );--ui-orb-highlight: rgba(255, 255, 255, .25);--ui-orb-motion: var(--ui-motion-fast) var(--ui-ease);--ui-orb-press: scale(.94);--ui-btn-bg: var(--ui-bg-1);--ui-btn-bg-hover: color-mix(in srgb, var(--ui-bg-1), var(--ui-fg) 8%);--ui-btn-bg-pressed: color-mix(in srgb, var(--ui-bg-1), var(--ui-fg) 14%);--ui-btn-edge: var(--ui-line);--ui-btn-fg: var(--ui-fg);--ui-btn-primary-bg: var(--ui-accent);--ui-btn-primary-bg-hover: color-mix( in srgb, var(--ui-accent), var(--ui-light) 14% );--ui-btn-primary-bg-pressed: color-mix( in srgb, var(--ui-accent), var(--ui-shade) 14% );--ui-btn-primary-edge: var(--ui-accent);--ui-btn-primary-fg: var(--ui-accent-ink);--ui-btn-quiet-bg: transparent;--ui-btn-quiet-bg-hover: color-mix(in srgb, transparent, var(--ui-fg) 8%);--ui-btn-quiet-edge: transparent;--ui-btn-quiet-fg: var(--ui-fg-muted);--ui-btn-danger-fg: var(--ui-negative);--ui-btn-shadow-pressed: inset 0 1px 3px rgba(13, 16, 20, .35);--ui-segment-on-bg: var(--ui-accent);--ui-segment-on-fg: var(--ui-accent-ink);--ui-btn-focus-outline: 2px solid var(--ui-focus);--ui-btn-focus-offset: 2px;--ui-btn-disabled-opacity: .45;--ui-btn-family: var(--font-ui);--ui-btn-size: .8125rem;--ui-btn-weight: 600;--ui-btn-height: 2rem;--ui-btn-padding: 0 .75rem;--ui-btn-icon-size: 2rem;--ui-title-btn-bg: transparent;--ui-title-btn-bg-hover: color-mix( in srgb, transparent, var(--ui-title-fg) 15% );--ui-title-btn-edge: transparent;--ui-title-btn-fg: var(--ui-title-fg);--ui-btn-icon-padding: 0;--ui-kbd-display: inline-block;--ui-kbd-bg: var(--ui-sunken);--ui-kbd-edge: var(--ui-line);--ui-kbd-fg: var(--ui-fg-muted);--ui-control-scheme: light;--ui-control-bg: #ffffff;--ui-control-fg: var(--ui-fg);--ui-control-edge: var(--ui-line);--ui-control-radius: var(--ui-radius-control);--ui-control-family: var(--font-ui);--ui-control-size: .875rem;--ui-control-height: 2rem;--ui-control-padding: 0 .5rem;--ui-control-placeholder: var(--ui-fg-muted);--ui-control-disabled-opacity: .45;--ui-select-arrow: var(--ui-fg-muted);--ui-select-padding: 0 1.75rem 0 .5rem;--ui-check-size: 1rem;--ui-check-radius: 3px;--ui-check-bg: var(--ui-control-bg);--ui-check-edge: var(--ui-line);--ui-check-edge-hover: var(--ui-fg-muted);--ui-check-on: var(--ui-accent);--ui-check-on-hover: color-mix( in srgb, var(--ui-accent), var(--ui-light) 14% );--ui-check-mark: var(--ui-accent-ink);--ui-range-track: var(--ui-sunken);--ui-range-track-edge: var(--ui-line);--ui-range-track-height: 6px;--ui-range-fill: var(--ui-accent);--ui-range-thumb: var(--ui-accent);--ui-range-thumb-size: 1rem;--ui-link-fg: var(--ui-accent);--ui-link-decoration: none;--ui-link-decoration-hover: underline;--ui-choice-bg: color-mix(in srgb, var(--ui-accent) 30%, var(--ui-bg-2));--ui-choice-fg: var(--ui-fg);--ui-focus-outline: 2px solid var(--ui-focus);--ui-focus-colour: var(--ui-focus);--ui-focus-offset: 2px;--ui-bar-track: var(--ui-sunken);--ui-bar-edge: var(--ui-line);--ui-bar-radius: 3px;--ui-bar-inset: none;--ui-bar-gloss: none;--ui-bar-next-opacity: .5;--ui-bar-tick: color-mix(in srgb, var(--ui-shade) 22%, transparent);--ui-tooltip-bg: var(--ui-title-bg);--ui-tooltip-fg: #e9e5d9;--ui-tooltip-muted: #9aa2ae;--ui-tooltip-edge: #0d1014;--ui-tooltip-rule: #3b4350;--ui-tooltip-radius: var(--ui-radius-control);--ui-tooltip-shadow: 0 6px 18px rgba(13, 16, 20, .45);--ui-tooltip-title-bg: color-mix(in srgb, var(--ui-title-bg), #000 18%);--ui-tooltip-title-fg: var(--ui-title-fg);--ui-menu-bg: var(--ui-tooltip-bg);--ui-menu-fg: var(--ui-tooltip-fg);--ui-menu-muted: var(--ui-tooltip-muted);--ui-menu-edge: var(--ui-tooltip-edge);--ui-menu-rule: var(--ui-accent);--ui-menu-rule-width: 3px;--ui-menu-divider: var(--ui-tooltip-rule);--ui-menu-radius: var(--ui-radius-window);--ui-menu-shadow: var(--ui-tooltip-shadow);--ui-menu-padding: .375rem;--ui-menu-heading-fg: var(--ui-tooltip-title-fg);--ui-menu-eyebrow-fg: var(--ui-tooltip-muted);--ui-menu-item-bg: transparent;--ui-menu-item-fg: var(--ui-menu-fg);--ui-menu-item-radius: var(--ui-radius-control);--ui-menu-item-gap: 0;--ui-menu-item-padding: .375rem .75rem;--ui-menu-hover-bg: color-mix(in srgb, var(--ui-accent) 25%, transparent);--ui-menu-hover-fg: var(--ui-tooltip-title-fg);--ui-menu-hover-bar: var(--ui-accent);--ui-menu-pressed-bg: color-mix(in srgb, var(--ui-accent) 40%, transparent);--ui-menu-danger-fg: #ef7b6c;--ui-menu-danger-hover-fg: var(--ui-menu-danger-fg);--ui-menu-kbd-bg: color-mix(in srgb, var(--ui-tooltip-fg) 8%, transparent);--ui-menu-kbd-edge: var(--ui-tooltip-rule);--ui-menu-kbd-fg: var(--ui-tooltip-muted);--ui-menu-motion: var(--ui-motion-fast);--ui-menu-rise: 4px;--ui-title-rule: var(--ui-accent);--ui-footer-bg: var(--ui-bg-1);--ui-footer-edge: var(--ui-line);--ui-table-stripe: color-mix(in srgb, var(--ui-fg) 6%, transparent);--ui-table-hover: color-mix(in srgb, var(--ui-accent) 16%, transparent);--ui-table-rule: var(--ui-line);--ui-table-row-height: 2rem;--ui-corruption-icon-filter: none;--ui-motion-fast: 80ms;--ui-motion-base: .12s;--ui-motion-slow: .16s;--ui-motion-pulse: 1.6s;--ui-ease: cubic-bezier(.2, 0, 0, 1);--ui-window-motion-in: var(--ui-motion-base);--ui-window-motion-out: var(--ui-motion-fast);--ui-notification-motion-in: var(--ui-motion-slow);--ui-notification-motion-out: var(--ui-motion-base);--ui-section-motion: var(--ui-motion-slow);--ui-pulse-ring: color-mix(in srgb, var(--ui-accent) 60%, transparent);--ui-unit-marker: ring;--ui-unit-ring: #e0b85a;--ui-unit-ring-halo: rgba(224, 184, 90, .35);--ui-unit-ring-glow: rgba(224, 184, 90, .55);--ui-radius-control: 4px;--ui-radius-window: 6px;--ui-shadow-panel: 0 2px 8px rgba(13, 16, 20, .35);--ui-shadow-window: 0 8px 28px rgba(13, 16, 20, .45);--ui-shadow-orb: 0 2px 6px rgba(13, 16, 20, .5);--ui-text-shadow-title: none;--font-ui: "Source Sans 3", system-ui, sans-serif;--font-display: "Cinzel", Georgia, serif;--font-mono: ui-monospace, Menlo, monospace;--type-body-size: .9375rem;--type-bar-size: .8125rem;--type-detail-size: .8125rem;--type-caption-size: .75rem;--type-title-family: var(--font-display);--type-title-size: 1.125rem;--type-title-weight: 600;--type-title-tracking: .04em;--type-heading-family: var(--font-display);--type-heading-size: .8125rem;--type-heading-weight: 600;--type-heading-tracking: .04em;--type-heading-transform: none;--type-eyebrow-size: .6875rem;--type-eyebrow-weight: 600;--type-eyebrow-tracking: .08em;--type-eyebrow-transform: uppercase;--type-eyebrow-colour: var(--ui-fg-muted);--type-strong-weight: 600;--type-figures: tabular-nums}@media (prefers-color-scheme: dark){:root[data-ui-theme=slate]:not([data-theme=light]){--ui-bg-0: #1d222b;--ui-bg-1: #272d38;--ui-bg-2: #20252e;--ui-sunken: #151920;--ui-title-bg: #2b313b;--ui-title-fg: #f1e6c8;--ui-fg: #e9e5d9;--ui-fg-muted: #9aa2ae;--ui-line: #3b4350;--ui-line-soft: #2c333e;--ui-bevel-light: #3b4350;--ui-bevel-dark: #0e1116;--ui-window-edge: #3b4350;--ui-control-scheme: dark;--ui-control-bg: var(--ui-sunken);--ui-accent: #c9a24a;--ui-accent-ink: #1d1a12;--ui-focus: #e0bf6a;--ui-positive: #7cc58a;--ui-negative: #ef7b6c;--ui-warn: #e3a64a;--ui-rate-tax: #e0bb45;--ui-rate-luxury: #d777c6;--ui-rate-science: #6aa6e8;--y-gold: #e0bb45;--y-science: #6aa6e8;--y-luxury: #d777c6;--y-short: #ef7b6c;--y-unhappy: #ef7b6c;--ui-corruption-icon-filter: drop-shadow(0 0 1px rgba(255, 255, 255, .8))}}:root[data-ui-theme=slate][data-theme=dark]{--ui-bg-0: #1d222b;--ui-bg-1: #272d38;--ui-bg-2: #20252e;--ui-sunken: #151920;--ui-title-bg: #2b313b;--ui-title-fg: #f1e6c8;--ui-fg: #e9e5d9;--ui-fg-muted: #9aa2ae;--ui-line: #3b4350;--ui-line-soft: #2c333e;--ui-bevel-light: #3b4350;--ui-bevel-dark: #0e1116;--ui-window-edge: #3b4350;--ui-control-scheme: dark;--ui-control-bg: var(--ui-sunken);--ui-accent: #c9a24a;--ui-accent-ink: #1d1a12;--ui-focus: #e0bf6a;--ui-positive: #7cc58a;--ui-negative: #ef7b6c;--ui-warn: #e3a64a;--ui-rate-tax: #e0bb45;--ui-rate-luxury: #d777c6;--ui-rate-science: #6aa6e8;--y-gold: #e0bb45;--y-science: #6aa6e8;--y-luxury: #d777c6;--y-short: #ef7b6c;--y-unhappy: #ef7b6c;--ui-corruption-icon-filter: drop-shadow(0 0 1px rgba(255, 255, 255, .8))}@media (hover: none){:root{--ui-kbd-display: none !important}}body{background:var(--ui-page-bg);color:var(--ui-page-fg);display:grid;font-family:var(--font-ui);font-size:var(--type-body-size);font-variant-numeric:var(--type-figures);margin:0;min-height:100vh;min-height:100dvh;min-width:100vw;user-select:none}input{user-select:all}.visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.btn-primary,.btn-secondary,.btn-quiet,.btn-danger,.btn-icon{align-items:center;appearance:none;background-color:var(--ui-btn-bg);border:1px solid var(--ui-btn-edge);border-radius:var(--ui-radius-control);color:var(--ui-btn-fg);cursor:pointer;display:inline-flex;font-family:var(--ui-btn-family);font-size:var(--ui-btn-size);font-weight:var(--ui-btn-weight);gap:.5em;justify-content:center;line-height:normal;min-height:var(--ui-btn-height);padding:var(--ui-btn-padding);transition:background-color var(--ui-motion-fast) var(--ui-ease)}.btn-primary:hover,.btn-secondary:hover,.btn-quiet:hover,.btn-danger:hover,.btn-icon:hover{background-color:var(--ui-btn-bg-hover)}.btn-primary:active,.btn-secondary:active,.btn-quiet:active,.btn-danger:active,.btn-icon:active{background-color:var(--ui-btn-bg-pressed);box-shadow:var(--ui-btn-shadow-pressed)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-quiet:focus-visible,.btn-danger:focus-visible,.btn-icon:focus-visible{outline:var(--ui-btn-focus-outline);outline-offset:var(--ui-btn-focus-offset)}@supports (outline-color: -webkit-focus-ring-color){.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-quiet:focus-visible,.btn-danger:focus-visible,.btn-icon:focus-visible{outline-color:var(--ui-focus-colour)}}.btn-primary:disabled,.btn-secondary:disabled,.btn-quiet:disabled,.btn-danger:disabled,.btn-icon:disabled{background-color:var(--ui-btn-bg);box-shadow:none;cursor:default;opacity:var(--ui-btn-disabled-opacity)}@media (prefers-reduced-motion: reduce){.btn-primary,.btn-secondary,.btn-quiet,.btn-danger,.btn-icon{transition:none}}.btn-primary{--ui-btn-bg: var(--ui-btn-primary-bg);--ui-btn-bg-hover: var(--ui-btn-primary-bg-hover);--ui-btn-bg-pressed: var(--ui-btn-primary-bg-pressed);--ui-btn-edge: var(--ui-btn-primary-edge);--ui-btn-fg: var(--ui-btn-primary-fg)}.btn-quiet{--ui-btn-bg: var(--ui-btn-quiet-bg);--ui-btn-bg-hover: var(--ui-btn-quiet-bg-hover);--ui-btn-edge: var(--ui-btn-quiet-edge);--ui-btn-fg: var(--ui-btn-quiet-fg)}.btn-danger{--ui-btn-fg: var(--ui-btn-danger-fg)}.btn-icon{min-width:var(--ui-btn-icon-size);min-height:var(--ui-btn-icon-size);padding:var(--ui-btn-icon-padding)}.btn-primary[data-hotkey]:after,.btn-secondary[data-hotkey]:after,.btn-quiet[data-hotkey]:after,.btn-danger[data-hotkey]:after{background:var(--ui-kbd-bg);border:1px solid var(--ui-kbd-edge);border-radius:3px;color:var(--ui-kbd-fg);content:attr(data-hotkey);content:attr(data-hotkey)/"";display:var(--ui-kbd-display);font-family:var(--font-mono);font-size:.75em;font-weight:400;line-height:1.4;padding:0 .3em}input:not([type]),input[type=text],input[type=number],input[type=search]{appearance:none;color-scheme:var(--ui-control-scheme);background-color:var(--ui-control-bg);border:1px solid var(--ui-control-edge);border-radius:var(--ui-control-radius);box-sizing:border-box;color:var(--ui-control-fg);font-family:var(--ui-control-family);font-size:var(--ui-control-size);min-height:var(--ui-control-height)}input:not([type]):disabled,input[type=text]:disabled,input[type=number]:disabled,input[type=search]:disabled{opacity:var(--ui-control-disabled-opacity)}input:not([type]):focus,input[type=text]:focus,input[type=number]:focus,input[type=search]:focus{outline:none}input:not([type]):focus-visible,input[type=text]:focus-visible,input[type=number]:focus-visible,input[type=search]:focus-visible{outline:var(--ui-focus-outline);outline-offset:var(--ui-focus-offset)}@supports (outline-color: -webkit-focus-ring-color){input:not([type]):focus-visible,input[type=text]:focus-visible,input[type=number]:focus-visible,input[type=search]:focus-visible{outline-color:var(--ui-focus-colour)}}input:not([type]),input[type=text],input[type=number],input[type=search]{padding:var(--ui-control-padding)}input:not([type])::placeholder,input[type=text]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder{color:var(--ui-control-placeholder);opacity:1}select:not([multiple]):not([size]){appearance:none;color-scheme:var(--ui-control-scheme);background-color:var(--ui-control-bg);border:1px solid var(--ui-control-edge);border-radius:var(--ui-control-radius);box-sizing:border-box;color:var(--ui-control-fg);font-family:var(--ui-control-family);font-size:var(--ui-control-size);min-height:var(--ui-control-height)}select:not([multiple]):not([size]):disabled{opacity:var(--ui-control-disabled-opacity)}select:not([multiple]):not([size]):focus{outline:none}select:not([multiple]):not([size]):focus-visible{outline:var(--ui-focus-outline);outline-offset:var(--ui-focus-offset)}@supports (outline-color: -webkit-focus-ring-color){select:not([multiple]):not([size]):focus-visible{outline-color:var(--ui-focus-colour)}}select:not([multiple]):not([size]){background-image:linear-gradient(45deg,transparent 50%,var(--ui-select-arrow) 50%),linear-gradient(135deg,var(--ui-select-arrow) 50%,transparent 50%);background-position:right 10px top 50%,right 6px top 50%;background-repeat:no-repeat;background-size:4px 4px;cursor:default;padding:var(--ui-select-padding)}select[multiple],select[size]{color:var(--ui-control-fg);color-scheme:var(--ui-control-scheme);font-family:var(--ui-control-family);font-size:var(--ui-control-size)}select[multiple] option:checked,select[size] option:checked{background:linear-gradient(var(--ui-choice-bg),var(--ui-choice-bg));color:var(--ui-choice-fg);-webkit-text-fill-color:var(--ui-choice-fg)}input[type=checkbox]:focus,input[type=radio]:focus{outline:none}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:var(--ui-focus-outline);outline-offset:var(--ui-focus-offset)}@supports (outline-color: -webkit-focus-ring-color){input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline-color:var(--ui-focus-colour)}}input[type=checkbox],input[type=radio]{appearance:none;background:var(--ui-check-bg);border:1px solid var(--ui-check-edge);border-radius:var(--ui-check-radius);box-sizing:border-box;display:inline-block;height:var(--ui-check-size);margin:3px 3px 3px 4px;position:relative;vertical-align:-3px;width:var(--ui-check-size)}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--ui-check-edge-hover)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--ui-check-on);border-color:var(--ui-check-on)}input[type=checkbox]:checked:hover:not(:disabled),input[type=radio]:checked:hover:not(:disabled){background:var(--ui-check-on-hover);border-color:var(--ui-check-on-hover)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:var(--ui-control-disabled-opacity)}input[type=checkbox]:checked:before{border:solid var(--ui-check-mark);border-width:0 calc(var(--ui-check-size) * .18) calc(var(--ui-check-size) * .18) 0;box-sizing:border-box;content:"";height:calc(var(--ui-check-size) * .72);left:50%;position:absolute;top:42%;transform:translate(-50%,-50%) rotate(45deg);width:calc(var(--ui-check-size) * .38)}input[type=radio]{border-radius:50%;margin:3px 3px 0 5px;vertical-align:baseline}input[type=radio]:checked{box-shadow:inset 0 0 0 calc(var(--ui-check-size) * .16) var(--ui-check-bg)}input[type=range]:focus{outline:none}input[type=range]:focus-visible{outline:var(--ui-focus-outline);outline-offset:var(--ui-focus-offset)}@supports (outline-color: -webkit-focus-ring-color){input[type=range]:focus-visible{outline-color:var(--ui-focus-colour)}}input[type=range]{appearance:none;background:transparent;height:var(--ui-range-thumb-size)}input[type=range]::-webkit-slider-runnable-track{--fill-to: calc( var(--ui-range-thumb-size) / 2 + var(--fill, 0) * (100% - var(--ui-range-thumb-size)) );background:linear-gradient(to right,var(--ui-range-fill) var(--fill-to),var(--ui-range-track) var(--fill-to));border:1px solid var(--ui-range-track-edge);border-radius:var(--ui-range-track-height);box-sizing:border-box;height:var(--ui-range-track-height)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ui-range-thumb);border:0;border-radius:50%;height:var(--ui-range-thumb-size);margin-top:calc((var(--ui-range-track-height) - var(--ui-range-thumb-size)) / 2 - 1px);width:var(--ui-range-thumb-size)}input[type=range]::-moz-range-track{background:var(--ui-range-track);border:1px solid var(--ui-range-track-edge);border-radius:var(--ui-range-track-height);height:var(--ui-range-track-height)}input[type=range]::-moz-range-progress{background:var(--ui-range-fill);border-radius:var(--ui-range-track-height);height:var(--ui-range-track-height)}input[type=range]::-moz-range-thumb{background:var(--ui-range-thumb);border:0;border-radius:50%;height:var(--ui-range-thumb-size);width:var(--ui-range-thumb-size)}input[type=range]:disabled{opacity:var(--ui-control-disabled-opacity)}a{color:var(--ui-link-fg);text-decoration:var(--ui-link-decoration)}a:hover{text-decoration:var(--ui-link-decoration-hover)}.action{margin:0 1em 1em;text-align:right}.action button{appearance:none;border-radius:50%;border:none;box-shadow:var(--ui-shadow-orb);box-sizing:border-box;cursor:pointer;font-size:12px;height:var(--orb-size, 3.1rem);image-rendering:pixelated;padding:0;transition:filter var(--ui-orb-motion),transform var(--ui-orb-motion);vertical-align:top;width:var(--orb-size, 3.1rem)}.action button:hover:not(:disabled){filter:brightness(115%)}.action button:active:not(:disabled){filter:brightness(85%);transform:var(--ui-orb-press)}.action button:focus{outline:none}.action button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.action button{transition:none}}.action button img{filter:drop-shadow(0 0 2px var(--ui-orb-highlight));width:calc(11px * var(--scale))}.action button .glyph{display:block;height:calc(11px * var(--scale));margin:auto;width:calc(11px * var(--scale))}.action button.small{--orb-size: 2rem}.action button.small img{width:calc(8px * var(--scale))}.action button.small .glyph{height:calc(8px * var(--scale));width:calc(8px * var(--scale))}.action button.large{--orb-size: 4rem;font-size:2.75rem}.action button.large img{width:calc(14px * var(--scale))}.action button.large .glyph{height:calc(14px * var(--scale));width:calc(14px * var(--scale))}.action button{background:radial-gradient(circle,var(--ui-action) 0%,var(--ui-action) 60%,transparent 61%),var(--ui-orb-ring)}@supports (color: hsl(from red h s l)){.action button{background:radial-gradient(circle at 25% 25%,var(--ui-orb-highlight) 0%,transparent 80%),var(--ui-orb-ring),radial-gradient(circle at 50% 15%,hsl(from var(--ui-action) calc(h + 6) calc(s - 40) calc(l + 29)) 0%,transparent 50%),radial-gradient(circle,var(--ui-action) 0%,hsl(from var(--ui-action) calc(h - 5) calc(s + 0) calc(l - 14)) 60%,transparent 61%)}}.action button.chooseResearch{background:radial-gradient(circle,var(--ui-action-research) 0%,var(--ui-action-research) 60%,transparent 61%),var(--ui-orb-ring)}@supports (color: hsl(from red h s l)){.action button.chooseResearch{background:radial-gradient(circle at 25% 25%,var(--ui-orb-highlight) 0%,transparent 80%),var(--ui-orb-ring),radial-gradient(circle at 50% 15%,hsl(from var(--ui-action-research) calc(h + 6) calc(s - 40) calc(l + 29)) 0%,transparent 50%),radial-gradient(circle,var(--ui-action-research) 0%,hsl(from var(--ui-action-research) calc(h - 5) calc(s + 0) calc(l - 14)) 60%,transparent 61%)}}.action button.cityBuild{background:radial-gradient(circle,var(--ui-action-build) 0%,var(--ui-action-build) 60%,transparent 61%),var(--ui-orb-ring)}@supports (color: hsl(from red h s l)){.action button.cityBuild{background:radial-gradient(circle at 25% 25%,var(--ui-orb-highlight) 0%,transparent 80%),radial-gradient(circle,transparent 60%,hsl(from var(--ui-action-build) calc(h + 6) calc(s - 35) calc(l - 19)) 60%,hsl(from var(--ui-action-build) calc(h + 3) calc(s - 40) calc(l - 40)) 61%,hsl(from var(--ui-action-build) calc(h + 16) calc(s - 20) calc(l + 31)) 62%,hsl(from var(--ui-action-build) calc(h + 5) calc(s - 65) calc(l - 5)) 65%,hsl(from var(--ui-action-build) calc(h + 5) calc(s - 65) calc(l - 7)) 66%,hsl(from var(--ui-action-build) calc(h + 5) calc(s - 65) calc(l - 6)) 70%),radial-gradient(circle at 50% 15%,hsl(from var(--ui-action-build) calc(h + 6) calc(s - 40) calc(l + 29)) 0%,transparent 50%),radial-gradient(circle,var(--ui-action-build) 0%,hsl(from var(--ui-action-build) calc(h - 5) calc(s + 0) calc(l - 14)) 60%,transparent 61%)}}.action button.civilDisorder{background:radial-gradient(circle,var(--ui-action-disorder) 0%,var(--ui-action-disorder) 60%,transparent 61%),var(--ui-orb-ring)}@supports (color: hsl(from red h s l)){.action button.civilDisorder{background:radial-gradient(circle at 25% 25%,var(--ui-orb-highlight) 0%,transparent 80%),var(--ui-orb-ring),radial-gradient(circle at 50% 15%,hsl(from var(--ui-action-disorder) calc(h + 6) calc(s - 40) calc(l + 29)) 0%,transparent 50%),radial-gradient(circle,var(--ui-action-disorder) 0%,hsl(from var(--ui-action-disorder) calc(h - 5) calc(s + 0) calc(l - 14)) 60%,transparent 61%)}}.action button.civilDisorder img{width:calc(8px * var(--scale))}.action button.notice{background:radial-gradient(circle,var(--ui-action-notice) 0%,var(--ui-action-notice) 60%,transparent 61%),var(--ui-orb-ring)}@supports (color: hsl(from red h s l)){.action button.notice{background:radial-gradient(circle at 25% 25%,var(--ui-orb-highlight) 0%,transparent 80%),var(--ui-orb-ring),radial-gradient(circle at 50% 15%,hsl(from var(--ui-action-notice) calc(h + 6) calc(s - 40) calc(l + 29)) 0%,transparent 50%),radial-gradient(circle,var(--ui-action-notice) 0%,hsl(from var(--ui-action-notice) calc(h - 5) calc(s + 0) calc(l - 14)) 60%,transparent 61%)}}.action button.notice canvas,.action button.notice img{width:calc(8px * var(--scale))}.action button.notice canvas{image-rendering:pixelated}.action button.endTurn{background:radial-gradient(circle,var(--ui-action-end-turn) 0%,var(--ui-action-end-turn) 60%,transparent 61%),var(--ui-orb-ring)}@supports (color: hsl(from red h s l)){.action button.endTurn{background:radial-gradient(circle at 25% 25%,var(--ui-orb-highlight) 0%,transparent 80%),var(--ui-orb-ring),radial-gradient(circle at 50% 15%,hsl(from var(--ui-action-end-turn) calc(h + 6) calc(s - 40) calc(l + 29)) 0%,transparent 50%),radial-gradient(circle,var(--ui-action-end-turn) 0%,hsl(from var(--ui-action-end-turn) calc(h - 5) calc(s + 0) calc(l - 14)) 60%,transparent 61%)}}.action button.endTurn img{filter:invert(1) drop-shadow(0 0 2px var(--ui-shade))}.action button.endTurn .glyph{color:var(--ui-light);filter:drop-shadow(0 0 2px var(--ui-shade))}.action button.endTurn{position:relative}.action button.endTurn:before{animation:glow 2s infinite;background:var(--ui-glow);border-radius:50%;content:"";display:block;height:100%;opacity:0;position:absolute;top:0;width:100%}@media (prefers-reduced-motion: reduce){.action button.endTurn:before{animation:none;opacity:.25}}.action button.spaceship img{filter:invert(1) drop-shadow(0 0 2px var(--ui-shade))}.action button.spaceship .glyph{color:var(--ui-light);filter:drop-shadow(0 0 2px var(--ui-shade))}.action button:disabled{cursor:default;filter:grayscale(.7) brightness(.6)}.action button:disabled:before{animation:none;opacity:0}#actions{align-self:stretch;display:flex;flex-direction:column;grid-area:map;justify-self:end;justify-content:flex-end;-webkit-mask-image:linear-gradient(to bottom,transparent 8%,var(--ui-shade) 12%);mask-image:linear-gradient(to bottom,transparent 8%,var(--ui-shade) 12%);min-height:0;overflow:hidden;pointer-events:none;position:relative}#actions .action{margin:0 1rem 1rem;pointer-events:auto}#other-actions{display:flex;flex-direction:row}#other-actions .action{margin:0 0 0 .5em}#other-actions .action button{--orb-size: 2rem}#unit-actions{align-self:end;display:flex;flex-flow:row wrap;gap:.25rem;grid-area:map;justify-self:start;max-width:40vw;padding:1rem;pointer-events:none;position:relative}#unit-actions .unit-action{pointer-events:auto;background:var(--ui-chip-bg);border:2px solid var(--ui-chip-edge);border-radius:4px;cursor:pointer;height:2.5rem;padding:0;width:2.5rem}#unit-actions .unit-action:hover,#unit-actions .unit-action:focus-visible{border-color:var(--ui-glow)}#unit-actions .unit-action canvas{height:100%;image-rendering:pixelated;width:100%}@keyframes glow{10%{opacity:0}50%{opacity:.5}90%{opacity:0}}.city-screen-window .body{align-items:stretch;display:flex;flex:1;flex-direction:column}.city-screen{display:flex;flex:1;flex-direction:column}.city-screen [data-yield=Food]{--colour: var(--y-food)}.city-screen [data-yield=Production]{--colour: var(--y-shield)}.city-screen [data-yield=Trade]{--colour: var(--y-trade)}.city-screen [data-yield=Luxuries]{--colour: var(--y-luxury)}.city-screen [data-yield=Gold]{--colour: var(--y-gold)}.city-screen [data-yield=Research]{--colour: var(--y-science)}.city-screen [data-yield=Pollution]{--colour: var(--y-pollution)}.city-screen .population{display:flex}.city-screen .population .citizen{max-width:var(--tileset-citizen-step);min-width:0}.city-screen .population .citizen img{width:var(--tileset-citizen-width);image-rendering:pixelated}.city-screen .population .citizen.specialist.clickable{cursor:pointer}.city-screen .yield-icon{min-width:0;padding-right:2px}.city-screen .yield-icon img{width:var(--tileset-icon);image-rendering:pixelated}.city-screen .figures{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--type-detail-size);gap:0 .75em;justify-content:space-between;margin:0}.city-screen .figures .stored{align-items:center;display:flex;gap:.125em}.city-screen .figures .per-turn{opacity:.75}.city-screen .figures .per-turn.negative{color:var(--y-short);opacity:1}.city-screen .figures .turns{margin-left:auto}.city-screen .yields-detail{display:grid;gap:2px .375rem;grid-template-columns:var(--tileset-icon) minmax(0,1fr) auto;margin:.25rem 0}.city-screen .yield-row{align-items:center;display:grid;grid-column:1/-1;grid-template-columns:subgrid}.city-screen .yield-row .yield-icon{display:flex;padding:0}.city-screen .yield-row .yield-icon img{height:var(--tileset-icon);width:var(--tileset-icon)}.city-screen .yield-row .bar{align-self:center;background:color-mix(in srgb,var(--ui-shade) 8%,transparent);border:1px solid color-mix(in srgb,var(--ui-shade) 25%,transparent);border-radius:2px;display:flex;height:.625rem;overflow:hidden;position:relative}.city-screen .yield-row .bar .used{background:color-mix(in srgb,var(--colour) 45%,transparent);box-shadow:inset -1px 0 0 color-mix(in srgb,var(--ui-shade) 35%,transparent)}.city-screen .yield-row .bar .free{background:var(--colour);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-light) 30%,transparent)}.city-screen .yield-row .bar .deficit{background:repeating-linear-gradient(-45deg,var(--y-short) 0 3px,transparent 3px 6px)}.city-screen .yield-row .bar:after{background:linear-gradient(to right,transparent calc(100% - 1px),color-mix(in srgb,var(--ui-shade) 18%,transparent) 0) 0 0/var(--tick) 100% repeat-x;content:"";inset:0;pointer-events:none;position:absolute}.city-screen .yield-row .figures{align-items:baseline;display:flex;font-size:var(--type-caption-size);gap:.375em;justify-content:flex-end;min-width:3.5em}.city-screen .yield-row .figures .total{opacity:.6}.city-screen .yield-row .figures .negative{color:var(--y-short)}.city-screen .yields-detail .anarchy,.city-screen .yields-detail .other-yield{font-size:var(--type-detail-size);grid-column:1/-1;margin:0}.city-screen .yields-detail .other-yield{display:flex;justify-content:space-between}.city-screen .city-map{min-width:160px;text-align:center;width:20%}.city-screen .bottom-row{align-items:stretch;border-top:1px solid var(--ui-line);flex:1 1}.city-screen .top-row,.city-screen .bottom-row{display:flex}.city-screen .top-row .yield-details,.city-screen .top-row .improvements,.city-screen .top-row .growth,.city-screen .top-row .tabbed-details,.city-screen .top-row .build,.city-screen .bottom-row .yield-details,.city-screen .bottom-row .improvements,.city-screen .bottom-row .growth,.city-screen .bottom-row .tabbed-details,.city-screen .bottom-row .build{flex:1 1;padding:.25rem}.city-screen .top-row .growth,.city-screen .top-row .build,.city-screen .bottom-row .growth,.city-screen .bottom-row .build{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.25rem .5rem}.city-screen .top-row .growth header,.city-screen .bottom-row .growth header{display:flex;justify-content:space-between}.city-screen .top-row .growth header .size,.city-screen .bottom-row .growth header .size{opacity:.75}.city-screen .top-row .build-actions,.city-screen .bottom-row .build-actions{display:flex;flex-wrap:wrap;justify-content:center}.city-screen .top-row .build-actions button,.city-screen .bottom-row .build-actions button{margin:.25rem}.city-screen .top-row .build,.city-screen .bottom-row .build{text-align:center}.city-screen .top-row .build header,.city-screen .bottom-row .build header{min-height:2.25rem}.city-screen .top-row .build header .auto,.city-screen .bottom-row .build header .auto{display:block;font-size:.75em;opacity:.75}.city-screen .top-row .yield-details,.city-screen .top-row .improvements,.city-screen .bottom-row .yield-details,.city-screen .bottom-row .improvements{max-width:40%}.city-screen .tabbed-details,.city-screen .city-map{border:1px solid var(--ui-line);border-width:0 1px}.city-screen .improvements .name>:first-child+.yield-icon{margin-left:.5rem}.city-screen .improvements .improvement{align-items:center;display:flex;gap:.5rem}.city-screen .improvements .improvement+.improvement{margin-top:2px}.city-screen .improvements .improvement .name{align-items:center;display:flex;flex:1 1}.city-screen .improvements .improvement button.sell{flex:0 0 auto;margin:0;min-height:0;padding-block:0}.city-screen .city-actions{border-top:1px solid var(--ui-line);display:flex;gap:.5rem;justify-content:center;padding:.25rem}.trade-route .name{margin-right:.25em}.trade-route .yield-icon{display:inline-block;vertical-align:middle}.window.size-auto.city-name-window{max-width:calc(100% - 2rem);min-width:0;width:18rem}.window.size-auto.city-name-window input{box-sizing:border-box;display:block;margin:0 .5em;width:calc(100% - 1em)}.city-status th{text-align:left}.window.civilopedia.size-auto{height:min(40em,85vh);max-width:95vw;min-width:0;width:min(60em,95vw)}.window.civilopedia.size-auto>.body{display:flex;overflow:hidden}.window.civilopedia.size-auto .civilopedia-panes{display:grid;flex:1 1 auto;gap:0 1rem;grid-template-columns:minmax(12em,1fr) 2fr;grid-template-rows:minmax(0,1fr);min-height:0}.window.civilopedia.size-auto .index,.window.civilopedia.size-auto .entry{min-height:0;overflow:auto;padding:.5rem}.window.civilopedia.size-auto .index-section ul{list-style:none;margin:0 0 .75rem;padding:0}.window.civilopedia.size-auto h4{margin:.5rem 0 .25rem}.window.civilopedia.size-auto .entry .choose{font-style:italic}.window.civilopedia.size-auto .entry .entry-name{margin:.25rem 0 0}.window.civilopedia.size-auto .entry .entry-kind{font-style:italic;margin:0 0 .5rem}.window.civilopedia.size-auto .entry .back{float:right}.window.civilopedia.size-auto .entry ul{margin:0 0 .5rem;padding-left:1.25rem}@media (max-width: 40em){.window.civilopedia.size-auto .civilopedia-panes{grid-template-columns:1fr}.window.civilopedia.size-auto.showing-entry .index,.window.civilopedia.size-auto:not(.showing-entry) .entry{display:none}}.window.city-build-unavailable.size-auto{max-width:95vw;min-width:min(30em,95vw)}.window.city-build-unavailable.size-auto .unavailable{list-style:none;margin:0;padding:.5rem}.window.city-build-unavailable.size-auto .unavailable>li{margin-bottom:.5rem}.window.city-build-unavailable.size-auto .item{font-weight:var(--type-strong-weight)}.window.city-build-unavailable.size-auto .reasons{margin:0;padding-left:1.25rem}.civilization-score-report .terms,.game-over .terms{border-collapse:collapse;width:100%}.civilization-score-report .terms td,.game-over .terms td{padding:.25rem .5rem;vertical-align:top}.civilization-score-report .terms .detail,.game-over .terms .detail{display:block;font-size:var(--type-detail-size);opacity:.75}.civilization-score-report .terms .value,.game-over .terms .value{font-variant-numeric:tabular-nums;text-align:right}.civilization-score-report .terms .total td,.game-over .terms .total td{border-top:2px solid currentColor;font-weight:var(--type-strong-weight)}.civilization-score-report .scoring-complete,.game-over .scoring-complete{font-weight:var(--type-strong-weight);text-align:center;text-transform:uppercase}.game-over .content{max-width:36rem}.game-over .ending,.game-over .rating{text-align:center}.game-over footer{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.hall-of-fame{border-collapse:collapse;width:100%}.hall-of-fame th,.hall-of-fame td{padding:.25rem .5rem;text-align:left}.hall-of-fame .value{font-variant-numeric:tabular-nums;text-align:right}.hall-of-fame .current td{font-weight:var(--type-strong-weight)}#game{display:grid;grid-template:"top" auto "map" minmax(0,1fr)/minmax(0,1fr);height:100vh;height:100dvh;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity 2s;width:100vw}#game.active{opacity:1;pointer-events:all}#game>#top-bar{grid-area:top}#game>#sidebar{grid-area:map}#game>#map{grid-area:map}@media (max-width: 48em){#game{grid-template:"top" auto "side" auto "map" minmax(0,1fr)/minmax(0,1fr)}#game>#sidebar{grid-area:side}}#game-menu{display:flex;gap:.5rem}#game-menu button{--orb-size: 2.5rem;appearance:none;border-radius:50%;border:none;box-shadow:var(--ui-shadow-orb);box-sizing:border-box;cursor:pointer;font-size:12px;height:var(--orb-size, 3.1rem);image-rendering:pixelated;padding:0;transition:filter var(--ui-orb-motion),transform var(--ui-orb-motion);vertical-align:top;width:var(--orb-size, 3.1rem)}#game-menu button:hover:not(:disabled){filter:brightness(115%)}#game-menu button:active:not(:disabled){filter:brightness(85%);transform:var(--ui-orb-press)}#game-menu button:focus{outline:none}#game-menu button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){#game-menu button{transition:none}}#game-menu button img{filter:drop-shadow(0 0 2px var(--ui-orb-highlight));width:calc(11px * var(--scale))}#game-menu button .glyph{display:block;height:calc(11px * var(--scale));margin:auto;width:calc(11px * var(--scale))}#game-menu button.small{--orb-size: 2rem}#game-menu button.small img{width:calc(8px * var(--scale))}#game-menu button.small .glyph{height:calc(8px * var(--scale));width:calc(8px * var(--scale))}#game-menu button.large{--orb-size: 4rem;font-size:2.75rem}#game-menu button.large img{width:calc(14px * var(--scale))}#game-menu button.large .glyph{height:calc(14px * var(--scale));width:calc(14px * var(--scale))}#game-menu button{background:radial-gradient(circle,var(--ui-action) 0%,var(--ui-action) 60%,transparent 61%),var(--ui-orb-ring)}@supports (color: hsl(from red h s l)){#game-menu button{background:radial-gradient(circle at 25% 25%,var(--ui-orb-highlight) 0%,transparent 80%),var(--ui-orb-ring),radial-gradient(circle at 50% 15%,hsl(from var(--ui-action) calc(h + 6) calc(s - 40) calc(l + 29)) 0%,transparent 50%),radial-gradient(circle,var(--ui-action) 0%,hsl(from var(--ui-action) calc(h - 5) calc(s + 0) calc(l - 14)) 60%,transparent 61%)}}#game-menu button img{filter:invert(1) drop-shadow(0 0 2px var(--ui-shade))}#game-menu button .glyph{color:var(--ui-light);filter:drop-shadow(0 0 2px var(--ui-shade))}.cheat-grant .option{display:flex;gap:1rem;justify-content:space-between;margin:.5rem}.cheat-grant .actions{margin:.5rem;text-align:right}.cheat-grant .hint{margin:.5rem}.game-options label{display:flex;justify-content:space-between;padding:.5rem}.game-options .hint{color:var(--ui-fg-muted);margin:0;padding:0 .5rem .5rem}.game-options .assets{align-items:center;display:flex;gap:.75rem;padding:.5rem}.game-options .assets .status{color:var(--ui-fg-muted);flex:1 1 auto;text-align:right}.happiness-report{--i18n-breakdown: attr(data-i18n-breakdown string, "Breakdown")}.happiness-report .city{align-items:center;display:grid;grid-template-columns:1fr 8fr 1fr}.happiness-report .city.celebrateLeader .name{font-weight:var(--type-strong-weight);text-shadow:0 0 5px var(--y-happy)}.happiness-report .city.civilDisorder .name{color:var(--y-unhappy);font-weight:var(--type-strong-weight)}.happiness-report .city .name{margin-right:.5rem}.happiness-report .city .reasons{display:flex;flex-direction:column;grid-area:span 2;grid-column:1/3;margin-bottom:1rem}.happiness-report .city .reasons:before{content:var(--i18n-breakdown);display:block;font-weight:var(--type-strong-weight);margin:.5rem}.happiness-report .city .reasons.hidden{display:none}.happiness-report .city .reasons .reason{align-items:center;display:flex;flex-direction:row;margin-left:1rem}.happiness-report .city .reasons .reason .population{margin-right:1rem}.glyph{fill:none;flex:none;height:1em;pointer-events:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;vertical-align:-.125em;width:1em}.glyph-sheet{height:0;overflow:hidden;position:absolute;width:0}.yield-amount .yield-icon,.trade-rates .yield-icon,.intelligence-report .yield-icon{display:inline-block;vertical-align:middle}.yield-amount .yield-icon img,.trade-rates .yield-icon img,.intelligence-report .yield-icon img{image-rendering:pixelated;width:var(--tileset-icon)}.import-assets .loading.failed{color:var(--ui-negative)}.import-assets .file-picker{align-items:center;display:flex;gap:.5em}.intelligence-report .civilization{border:2px solid var(--owner-primary, var(--ui-unknown-owner));box-shadow:inset 0 0 0 1px var(--owner-secondary, var(--ui-unknown-owner-edge));margin-bottom:.5rem;padding:.25rem .5rem}.intelligence-report .civilization.no-embassy p{font-style:italic}.intelligence-report .civilization h3,.intelligence-report .civilization h4,.intelligence-report .civilization p{margin:.25rem 0}.intelligence-report .civilization h4{margin-top:.5rem}.saved-games{border-collapse:collapse;width:100%}.saved-games td{padding:.25rem .5rem;text-align:left;vertical-align:middle}.saved-games .actions{white-space:nowrap}.saved-games .actions button+button{margin-left:.25rem}@media (max-width: 40em){.saved-games .actions{white-space:normal}}.load-game-window footer{margin-top:.5rem}#mainmenu{background:url(./main-menu-bg-NPNGUGPD.jpg) no-repeat center center;background-size:cover;display:flex;height:100vh;height:100dvh;justify-content:center;opacity:0;transition:opacity 2s;width:100vw}#mainmenu.active{opacity:1}#mainmenu.active nav{opacity:1}#mainmenu nav{bottom:5em;max-width:20em;opacity:0;position:absolute;transition:opacity 1.5s .5s}#mainmenu nav .row{display:flex;flex-wrap:wrap}#mainmenu nav .row button{flex:1 1 auto;width:auto}#mainmenu nav .row .secondary{font-weight:400}#mainmenu nav button{appearance:none;background:none;border:0;color:var(--ui-overlay-fg);cursor:pointer;font-weight:var(--type-strong-weight);outline:0;padding:.5em;text-shadow:0 0 2px color-mix(in srgb,var(--ui-shade) 40%,transparent);width:100%}#mainmenu nav button:hover{background:color-mix(in srgb,var(--ui-light) 20%,transparent)}#mainmenu nav button:focus{background:color-mix(in srgb,var(--ui-light) 40%,transparent);color:var(--ui-shade)}#mainmenu footer{bottom:5px;left:5px;position:absolute}#mainmenu footer a{color:var(--ui-overlay-fg)}.customise-world .option,.game-setup .option{display:flex;justify-content:space-between;margin:.5rem .5rem 0}.game-setup details.advanced{margin:.5rem}.game-setup details.advanced summary{cursor:pointer}.game-setup h4{margin:1rem .5rem 0}.game-setup table.seats{border-collapse:collapse;margin:.5rem;width:calc(100% - 1rem)}.game-setup table.seats th,.game-setup table.seats td{padding:.25rem;text-align:left}.game-setup table.seats input[type=text]{width:8em}.game-setup table.seats .remove{margin:0}.game-setup .actions{margin:0 .5rem}.game-setup.resume-game p,.game-setup.resume-game button.resume{margin:.5rem}#map{display:flex;min-height:0;position:relative}#map canvas{height:100%;touch-action:none;width:100%}#map .waiting{background:var(--ui-overlay-bg);border-radius:.5rem;color:var(--ui-overlay-fg);left:50%;padding:.5rem 1rem;pointer-events:none;position:absolute;top:1rem;transform:translate(-50%);white-space:nowrap}#map .waiting:empty{display:none}#map .observer-bar{align-items:center;background:var(--ui-overlay-bg);border-radius:.5rem;color:var(--ui-overlay-fg);display:flex;flex-wrap:wrap;gap:.5rem 1rem;left:1rem;padding:.5rem 1rem;pointer-events:none;position:absolute;right:1rem;top:4rem}#map .observer-bar button,#map .observer-bar input,#map .observer-bar label{pointer-events:auto}#map .observer-bar .players{border:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0}#map .observer-bar .players legend{float:left;margin-right:1rem;padding:0}#map .observer-bar .status:empty{display:none}.military-report section{margin-bottom:.5rem}.military-report h3{margin:.25rem .5rem}.military-report table{border-collapse:collapse;margin:0 .5rem}.military-report th,.military-report td{border-bottom:1px solid var(--ui-line-soft);padding:.15rem .75rem .15rem 0;text-align:left;white-space:nowrap}.military-report th{font-weight:400}#notification{background:color-mix(in srgb,var(--ui-shade) 20%,transparent);border-top-left-radius:.5rem;bottom:0;padding:.5rem;position:fixed;right:0}#notification:empty{display:none}.popup-menu{background:color-mix(in srgb,var(--ui-shade) 40%,transparent);border-radius:1rem;display:flex;flex-direction:column;opacity:1;padding:.5rem;position:absolute;transition:all .2s}.popup-menu.center{transform:translate(-50%,-1rem)}.popup-menu.right{transform:translate(-100%)}.popup-menu.hide{opacity:0}.popup-menu button{background:color-mix(in srgb,var(--ui-light) 85%,transparent);border:0;border-radius:.66rem;color:var(--ui-shade);cursor:pointer;margin-bottom:.5rem;padding:.25rem .5rem}.popup-menu button:hover,.popup-menu button:focus-visible{background:var(--ui-overlay-bg);color:var(--ui-overlay-fg);outline:none}.popup-menu button:last-child{margin:0}.popup-menu.full-width{white-space:nowrap}.progress-bar{--tick: 100%;background:var(--ui-bar-track);border:1px solid var(--ui-bar-edge);border-radius:var(--ui-bar-radius);box-shadow:var(--ui-bar-inset);display:flex;flex:none;height:.875rem;overflow:hidden;position:relative}.progress-bar .fill{background:var(--colour);box-shadow:var(--ui-bar-gloss)}.progress-bar .next{background:repeating-linear-gradient(-45deg,var(--colour) 0 3px,transparent 3px 6px);opacity:var(--ui-bar-next-opacity)}.progress-bar .next.loss{background:var(--y-short);opacity:1}.progress-bar:after{background:linear-gradient(to right,transparent calc(100% - 1px),var(--ui-bar-tick) 0) 0 0/var(--tick) 100% repeat-x;content:"";inset:0;pointer-events:none;position:absolute}.progress-bar[data-yield=Food]{--colour: var(--y-food)}.progress-bar[data-yield=Production]{--colour: var(--y-shield)}.progress-bar[data-yield=Research]{--colour: var(--y-science)}.progress-bar[data-yield=Gold]{--colour: var(--y-gold)}.ui-report-table{border-collapse:collapse;width:100%}.ui-report-table+.ui-report-table{margin-top:1rem}.ui-report-table caption{color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);padding:0 .5rem .25rem;text-align:left;text-transform:var(--type-eyebrow-transform)}.ui-report-table th,.ui-report-table td{padding:0 .35rem;text-align:left;vertical-align:middle;white-space:nowrap}.ui-report-table thead th{border-bottom:1px solid var(--ui-table-rule);color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);height:var(--ui-table-row-height);letter-spacing:var(--type-eyebrow-tracking);text-transform:var(--type-eyebrow-transform)}.ui-report-table tbody th{font-weight:inherit}.ui-report-table tbody tr{height:var(--ui-table-row-height)}.ui-report-table tbody tr:nth-child(even){background:var(--ui-table-stripe)}.ui-report-table tbody tr.ui-report-row-chosen{background:var(--ui-table-hover);box-shadow:inset 3px 0 0 var(--ui-accent)}.ui-report-table .ui-report-table-opens{cursor:pointer}.ui-report-table .ui-report-table-opens:hover{background:var(--ui-table-hover)}.ui-report-table .ui-report-table-opens:focus-visible{outline:var(--ui-focus-outline);outline-offset:-2px}.ui-report-table tfoot{border-top:1px solid var(--ui-table-rule)}.ui-report-table tfoot th,.ui-report-table tfoot td{font-weight:var(--type-strong-weight);height:var(--ui-table-row-height)}.ui-report-table .ui-report-table-number{font-variant-numeric:tabular-nums;text-align:right}.ui-report-table .ui-report-table-heading{align-items:center;display:inline-flex;gap:.25em}.ui-report-table .ui-report-table-sort{align-items:center;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:.25em;letter-spacing:inherit;padding:0;text-transform:inherit}.ui-report-table .ui-report-table-sort:focus-visible{outline:var(--ui-focus-outline);outline-offset:2px}.ui-report-table .ui-report-table-sort-mark{border-left:.3em solid transparent;border-right:.3em solid transparent;visibility:hidden}.ui-report-table [aria-sort=ascending] .ui-report-table-sort-mark{border-bottom:.35em solid currentColor;visibility:visible}.ui-report-table [aria-sort=descending] .ui-report-table-sort-mark{border-top:.35em solid currentColor;visibility:visible}.ui-report-table .ui-report-table-negative{color:var(--ui-negative)}.ui-report-table .ui-report-table-warn{color:var(--ui-warn)}.ui-report-table .ui-report-table-positive{color:var(--ui-positive)}.ui-report-table .ui-report-row-action{font-size:var(--type-detail-size);height:auto;line-height:1.4;margin:0;min-height:0;padding-block:0}@media (hover: hover){.ui-report-table tbody tr:not(:hover,:focus-within) .ui-report-row-action{opacity:0}}.ui-report-table .ui-report-flagged{display:inline-flex;margin-right:.3em;vertical-align:-.1em}.ui-report-table .ui-report-flagged .glyph{height:1em;width:1em}.ui-report-table .ui-report-meter{--meter-figure: 2em;align-items:center;display:grid;gap:0 .5em;grid-template-columns:var(--meter-figure) 2.5rem max-content}.ui-report-table .ui-report-meter-figure{font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.ui-report-table [data-column=build] .ui-report-meter{--meter-figure: 7em}.ui-report-table .ui-report-meter-turns{color:var(--ui-fg-muted);font-size:var(--type-detail-size);font-variant-numeric:tabular-nums}.ui-report-table .yield-icon,.ui-report-table .citizen{display:inline-flex;line-height:0}.ui-report-note{color:var(--ui-fg-muted)}.ui-report-note-warn{color:var(--ui-warn)}.ui-report-trade{align-items:start;display:flex;flex-wrap:wrap;gap:1rem}.ui-report-trade .ui-report-note{flex-basis:100%;margin:0}.ui-report-trade .ui-report-table{flex:1 1 18rem;margin-top:0;width:auto}.ui-report-table .ui-report-glyph{display:inline-flex}.ui-report-table .ui-report-glyph .glyph{height:1em;width:1em}.ui-report-table .ui-report-detail{color:var(--ui-fg-muted);font-size:var(--type-detail-size)}.ui-report-table [data-column=leader],.ui-report-table [data-column=detail],.ui-report-table [data-column=wonders]{min-width:10em;white-space:normal}.ui-report-table .ui-report-nation{align-items:center;display:inline-flex;gap:.4em}.ui-report-table .ui-report-swatch{background:linear-gradient(135deg,var(--owner-primary, var(--ui-unknown-owner)) 50%,var(--owner-secondary, var(--ui-unknown-owner-edge)) 50%);border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);display:inline-block;height:.9em;width:.9em}.ui-report-tables{align-items:start;display:flex;flex-wrap:wrap;gap:1rem}.ui-report-tables .ui-report-section{flex:1 1 18rem}.ui-report-tables .ui-report-table{width:auto}.ui-report-details{border-top:1px solid var(--ui-table-rule);margin-top:.75rem;padding:.5rem .35rem 0}.ui-report-details h3,.ui-report-details h4{color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);margin:.5rem 0 .25rem;text-transform:var(--type-eyebrow-transform)}.ui-report-details p{margin:0 0 .25rem}.corruption-icon img{filter:var(--ui-corruption-icon-filter)}.happiness-report .ui-report-details-area:not(:empty){align-items:flex-start;background:var(--ui-bg-2);border-top:1px solid var(--ui-table-rule);bottom:0;display:flex;flex-direction:row-reverse;gap:.5rem;max-height:40vh;overflow-y:auto;padding:.25rem .35rem;position:sticky}.happiness-report .ui-report-details-area:not(:empty) .ui-report-details{border-top:0;flex:1;margin-top:0;min-width:0;padding-top:0}.ui-report-cause{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin-bottom:.25rem}.window.ui-choice-window>.body{display:flex;flex-direction:column;overflow:hidden}.ui-choice{container-type:inline-size;display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;min-height:0;width:min(48rem,90vw)}.ui-choice:has(.ui-choice-details[hidden]){width:min(32rem,90vw)}.window.find-city.size-auto{max-width:calc(100vw - 1rem);min-width:0}.ui-choice-panes{display:grid;flex:1 1 auto;gap:0 1rem;grid-template-columns:minmax(0,1fr) minmax(12rem,16rem);grid-template-rows:minmax(0,1fr);min-height:0}.ui-choice-panes:has(> .ui-choice-details[hidden]){grid-template-columns:minmax(0,1fr)}.ui-choice-list{box-sizing:border-box;max-height:32rem;min-height:0;overflow-y:auto;padding:2px}.ui-choice-heading{color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);margin:0;padding:.5rem .5rem .25rem;text-transform:var(--type-eyebrow-transform)}.ui-choice-group:first-child .ui-choice-heading{padding-top:0}.ui-choice-row{align-items:center;border-radius:var(--ui-radius-control);cursor:pointer;display:grid;gap:0 .5rem;grid-template-columns:2rem minmax(0,1fr) auto;min-height:var(--ui-table-row-height);padding:.125rem .5rem}.ui-choice-row:hover{background:var(--ui-table-hover)}.ui-choice-row[aria-selected=true]{background:var(--ui-choice-bg);color:var(--ui-choice-fg)}.ui-choice-row[aria-selected=true] .ui-choice-meta,.ui-choice-row[aria-selected=true] .ui-choice-fact{color:inherit}.ui-choice-row:focus-visible{outline:var(--ui-focus-outline);outline-offset:-2px}.ui-choice-list:not(:has(.ui-choice-sprite > :not(.building-icon:empty))) .ui-choice-row{grid-template-columns:minmax(0,1fr) auto}.ui-choice-list:not(:has(.ui-choice-sprite > :not(.building-icon:empty))) .ui-choice-row .ui-choice-sprite{display:none}.ui-choice-sprite{display:inline-flex;justify-content:center;line-height:0}.ui-choice-sprite canvas,.ui-choice-sprite img{height:2rem;image-rendering:pixelated;width:2rem}.ui-choice-sprite .building-icon img{height:auto;width:auto}.ui-choice-text{display:flex;flex-direction:column;min-width:0}.ui-choice-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-choice-meta{color:var(--ui-fg-muted);font-size:var(--type-detail-size)}.ui-choice-facts{display:inline-flex;font-variant-numeric:tabular-nums;gap:.75em;justify-content:flex-end;white-space:nowrap}.ui-choice-fact{align-items:center;color:var(--ui-fg-muted);display:inline-flex;font-size:var(--type-detail-size);gap:.2em}.ui-choice-fact .glyph{height:1em;width:1em}.ui-choice-fact .yield-icon{display:inline-flex;line-height:0}.ui-choice-fact .yield-icon img{image-rendering:pixelated;width:var(--tileset-icon)}.ui-choice-details{border-left:1px solid var(--ui-line-soft);font-size:var(--type-detail-size);min-height:0;overflow-y:auto;padding:0 0 0 1rem}.ui-choice-details:empty{border-color:transparent}.ui-choice-details .entry-name{font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);letter-spacing:var(--type-heading-tracking);margin:0;text-transform:var(--type-heading-transform)}.ui-choice-details .entry-kind{color:var(--ui-fg-muted);margin:0 0 .5rem}.ui-choice-details h4{color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);margin:.5rem 0 .25rem;text-transform:var(--type-eyebrow-transform)}.ui-choice-details ul{margin:0;padding-left:1.25em}.ui-choice-details a{color:var(--ui-link-fg);text-decoration:var(--ui-link-decoration)}.ui-choice-details a:hover{text-decoration:var(--ui-link-decoration-hover)}.ui-choice-entry-more{margin:.75rem 0 0}@container (max-width: 40em){.ui-choice-panes{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.ui-choice-panes:has(> .ui-choice-details:not([hidden])) .ui-choice-list{max-height:none}.ui-choice-details{border-left:0;border-top:1px solid var(--ui-line-soft);max-height:33vh;padding:.5rem 0 0}.ui-choice-details:empty{border:0;padding:0}}.window.ui-city-window>.body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.ui-city [data-yield=Food]{--colour: var(--y-food)}.ui-city [data-yield=Production]{--colour: var(--y-shield)}.ui-city [data-yield=Trade]{--colour: var(--y-trade)}.ui-city [data-yield=Luxuries]{--colour: var(--y-luxury)}.ui-city [data-yield=Gold]{--colour: var(--y-gold)}.ui-city [data-yield=Research]{--colour: var(--y-science)}.ui-city [data-yield=Pollution]{--colour: var(--y-pollution)}.ui-city .population{display:flex}.ui-city .population .citizen{max-width:var(--tileset-citizen-step);min-width:0}.ui-city .population .citizen img{width:var(--tileset-citizen-width);image-rendering:pixelated}.ui-city .population .citizen.specialist.clickable{cursor:pointer}.ui-city .yield-icon{min-width:0;padding-right:2px}.ui-city .yield-icon img{width:var(--tileset-icon);image-rendering:pixelated}.ui-city .figures{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--type-detail-size);gap:0 .75em;justify-content:space-between;margin:0}.ui-city .figures .stored{align-items:center;display:flex;gap:.125em}.ui-city .figures .per-turn{opacity:.75}.ui-city .figures .per-turn.negative{color:var(--y-short);opacity:1}.ui-city .figures .turns{margin-left:auto}.ui-city .yields-detail{display:grid;gap:2px .375rem;grid-template-columns:var(--tileset-icon) minmax(0,1fr) auto;margin:.25rem 0}.ui-city .yield-row{align-items:center;display:grid;grid-column:1/-1;grid-template-columns:subgrid}.ui-city .yield-row .yield-icon{display:flex;padding:0}.ui-city .yield-row .yield-icon img{height:var(--tileset-icon);width:var(--tileset-icon)}.ui-city .yield-row .bar{align-self:center;background:color-mix(in srgb,var(--ui-shade) 8%,transparent);border:1px solid color-mix(in srgb,var(--ui-shade) 25%,transparent);border-radius:2px;display:flex;height:.625rem;overflow:hidden;position:relative}.ui-city .yield-row .bar .used{background:color-mix(in srgb,var(--colour) 45%,transparent);box-shadow:inset -1px 0 0 color-mix(in srgb,var(--ui-shade) 35%,transparent)}.ui-city .yield-row .bar .free{background:var(--colour);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-light) 30%,transparent)}.ui-city .yield-row .bar .deficit{background:repeating-linear-gradient(-45deg,var(--y-short) 0 3px,transparent 3px 6px)}.ui-city .yield-row .bar:after{background:linear-gradient(to right,transparent calc(100% - 1px),color-mix(in srgb,var(--ui-shade) 18%,transparent) 0) 0 0/var(--tick) 100% repeat-x;content:"";inset:0;pointer-events:none;position:absolute}.ui-city .yield-row .figures{align-items:baseline;display:flex;font-size:var(--type-caption-size);gap:.375em;justify-content:flex-end;min-width:3.5em}.ui-city .yield-row .figures .total{opacity:.6}.ui-city .yield-row .figures .negative{color:var(--y-short)}.ui-city .yields-detail .anarchy,.ui-city .yields-detail .other-yield{font-size:var(--type-detail-size);grid-column:1/-1;margin:0}.ui-city .yields-detail .other-yield{display:flex;justify-content:space-between}.ui-city{display:grid;flex:1 1 auto;gap:.75rem;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:.5rem 1rem}.window .ui-city button{margin:0}.ui-city-section h3{color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);margin:0 0 .25rem;text-transform:var(--type-eyebrow-transform)}.ui-city-empty{color:var(--ui-fg-muted);font-size:var(--type-detail-size);margin:0}.ui-city-header{align-items:center;border-bottom:1px solid var(--ui-line);display:flex;gap:1.5rem;padding-bottom:.5rem}.ui-city-growth{display:grid;flex:0 1 18rem;gap:.25rem;min-width:12rem}.ui-city-size{align-items:baseline;display:flex;font-weight:var(--type-strong-weight);gap:1rem;justify-content:space-between;margin:0}.ui-city-garrison{color:var(--ui-fg-muted);font-size:var(--type-detail-size);font-weight:400}.ui-city-citizens{display:flex;flex:1 1 auto;justify-content:flex-end;min-width:0}.ui-city-citizens .population{min-width:0}.ui-city-citizens .population .citizen{max-width:calc(var(--tileset-citizen-step) * 2)}.ui-city-citizens .population .citizen img{width:calc(var(--tileset-citizen-width) * 2)}.ui-city .trade-routes header{color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);margin:0 0 .25rem;text-transform:var(--type-eyebrow-transform)}.ui-city .trade-routes .trade-route{font-size:var(--type-detail-size);margin:0}.ui-city .yields-detail{grid-template-columns:var(--tileset-icon) max-content minmax(0,1fr) auto}.ui-city .yields-detail .name{font-size:var(--type-detail-size)}.ui-city-columns{display:grid;gap:1rem;grid-template-columns:minmax(14rem,1fr) auto minmax(13rem,1fr);min-height:0}.ui-city-left,.ui-city-right{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow-y:auto}.ui-city-centre{display:flex;justify-content:center;min-width:0}.ui-city-centre canvas{image-rendering:pixelated;max-width:100%}.ui-city-improvements{columns:2 10rem;column-gap:1rem;list-style:none;margin:0;padding:0}.ui-city .building-icon{display:inline-flex;flex:none;line-height:0}.ui-city .building-icon:empty{display:none}.ui-city .building-icon img{image-rendering:pixelated}.ui-city-improvement{align-items:center;border-radius:var(--ui-radius-control);display:flex;break-inside:avoid;gap:.5rem;min-height:1.5rem;padding:0 .25rem}.ui-city-improvement:hover{background:var(--ui-table-hover)}.ui-city-improvement .name{flex:1 1 auto;min-width:0}.ui-city-improvement:has(.building-icon:not(:empty)) .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-city-improvement button.sell{min-height:0;padding-block:0}@media (hover: hover){.ui-city-improvement:has(.building-icon:not(:empty)){position:relative}.ui-city-improvement:has(.building-icon:not(:empty)) button.sell{inset-inline-end:.25rem;position:absolute}.ui-city-improvement:not(:hover,:focus-within) button.sell{opacity:0}}.ui-city-gold{align-items:center;color:var(--ui-fg-muted);display:inline-flex;font-size:var(--type-detail-size);gap:.125rem}.ui-city-upkeep-total{align-items:center;border-top:1px solid var(--ui-table-rule);display:flex;font-size:var(--type-detail-size);justify-content:space-between;margin:.25rem 0 0}.window .ui-city-upkeep-total{padding-top:.5rem}.ui-city-production{background:var(--ui-bg-1);border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.ui-city-production header{align-items:center;display:flex;gap:.5rem}.ui-city-production header canvas,.ui-city-production header img{image-rendering:pixelated}.ui-city-production header h3{flex:1 1 auto;font-family:var(--type-heading-family);margin:0}.ui-city-production.nothing h3{color:var(--ui-fg-muted)}.ui-city-production .auto-marker{color:var(--ui-fg-muted);font-size:var(--type-detail-size)}.ui-city-queue{border-top:1px solid var(--ui-line);display:flex;flex-direction:column;gap:.125rem;list-style:none;margin:0;padding:.25rem 0 0}.ui-city-queued{align-items:center;display:flex;gap:.5rem;min-height:1.5rem}.ui-city-queued .name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-city-queued .turns{color:var(--ui-fg-muted);font-size:var(--type-detail-size);white-space:nowrap}.ui-city-queued .btn-icon{min-height:0;padding-block:0}.ui-city-production-actions{display:flex;flex-wrap:wrap;gap:.5rem}.ui-city-units-strip{border-top:1px solid var(--ui-line);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-top:.5rem}.ui-city-units{display:flex;flex-wrap:wrap;gap:2px;min-height:2rem}.ui-city-unit{line-height:0;padding:0}.ui-city-unit canvas,.ui-city-unit img{image-rendering:pixelated}.ui-city-unit:focus-visible{outline:var(--ui-focus-outline)}.window.ui-city-window:not(.maximised){max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem)}@media (max-width: 60em),(max-height: 30em){.window.ui-city-window>.body{display:block;overflow-y:auto}.ui-city{grid-template-rows:none}.ui-city-header{flex-wrap:wrap;gap:.5rem 1.5rem}.ui-city-growth{flex:1 1 12rem}.ui-city-columns{grid-template-columns:auto minmax(0,1fr)}.ui-city-centre{align-self:start;grid-column:1;grid-row:1/span 2}.ui-city-left,.ui-city-right{grid-column:2;overflow-y:visible}}@media (max-width: 40em){.window.ui-city-window:not(.maximised){max-width:calc(100vw - 1rem);min-width:calc(100vw - 1rem)}.ui-city{padding-inline:.5rem}.ui-city-columns{grid-template-columns:minmax(0,1fr)}.ui-city-left,.ui-city-right{display:contents}.ui-city-centre{grid-column:auto;grid-row:auto;order:-2}.ui-city-centre canvas{min-width:min(20rem,100vw - 2.25rem)}.ui-city-production{order:-1}.ui-city-right>:not(.ui-city-production){order:1}}@media (max-height: 30em){.window.ui-city-window.ui-window>.ui-window-header,.window.ui-city-window.ui-window>.ui-window-footer{padding-block:.125em}.window.ui-city-window.ui-window .ui-window-eyebrow{display:none}.ui-city{gap:.5rem;padding-block:.25rem}}.window.releases .body{padding:1rem}.window.releases dd:has(+ [aria-expanded]),.window.releases h2:has(+ [aria-expanded]){padding-left:2rem;position:relative}.window.releases dd>.glyph-arrow-right,.window.releases h2>.glyph-arrow-right{height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:24px}.window.releases .release>div>ul{margin:0}.window.releases ul p{margin:0}.window.releases [aria-expanded]{height:auto;overflow:hidden}.window.releases [aria-expanded][aria-expanded=false]{height:0}.window.releases dd{margin:0}.window.releases dd,.window.releases h2{cursor:pointer}.science-report .discovered{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:1em .5em}.selectionWindow .action-window-content>div{display:flex;flex-direction:column}.selectionWindow p:empty{display:none}.selectionWindow .action-window-content select{background-color:transparent;border:0;display:block;flex:1 1 auto;margin:1em;min-height:3em;outline:0;overflow:auto;width:calc(100% - 2em)}.selectionWindow p:not(:empty)+select{margin-top:0}.selectionWindow optgroup{font-style:normal}.unit-selection-window .unit-rows{display:flex;flex-direction:column;gap:.25em}.unit-selection-window .unit-rows .unit-row{align-items:center;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.5em;margin:0;padding:.25em;text-align:left}.unit-selection-window .unit-rows .unit-row:hover .label{text-decoration:underline}.unit-selection-window .unit-rows .unit-row:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.unit-selection-window .unit-rows .unit-row:active{transform:none}.unit-selection-window .unit-rows .unit-row canvas{flex:none}.unit-selection-window .unit-rows .text{display:flex;flex-direction:column}.unit-selection-window .unit-rows .city{font-size:var(--type-detail-size);opacity:.8}#sidebar{align-self:start;box-sizing:border-box;color:var(--ui-fg);display:flex;flex-direction:column;gap:.5em;justify-self:start;margin:.5em;max-height:calc(100% - 7rem);min-height:0;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-color:var(--ui-bevel-light) transparent;scrollbar-width:thin;width:12em}#sidebar::-webkit-scrollbar{background:transparent;width:6px}#sidebar::-webkit-scrollbar-thumb{background:var(--ui-bevel-light);border-radius:3px}#sidebar #minimap{background:var(--ui-page-bg);display:block;height:auto;image-rendering:pixelated;width:100%}@media (max-width: 48em){#sidebar{align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-self:stretch;margin:0;max-height:35vh;padding:.5em;width:auto}#sidebar>.sidebar-section{flex:1 1 12em}#sidebar #minimap{max-width:16em}}.sidebar-section{border-color:var(--ui-bevel-light) var(--ui-bevel-dark) var(--ui-bevel-dark) var(--ui-bevel-light);border-style:solid;border-width:var(--ui-bevel-width);background:var(--ui-bg-1);box-shadow:var(--ui-shadow-panel)}.sidebar-section>h2{font-size:var(--type-heading-size);margin:0}.sidebar-section>h2 button{align-items:center;appearance:none;background:var(--ui-title-bg);border:0;color:var(--ui-title-fg);cursor:pointer;display:flex;font:inherit;font-family:var(--type-heading-family);font-weight:var(--type-heading-weight);gap:.4em;letter-spacing:var(--type-heading-tracking);padding:.25em .5em;text-align:left;text-shadow:var(--ui-text-shadow-title);text-transform:var(--type-heading-transform);width:100%}.sidebar-section>h2 button .glyph-disclosure{height:.75em}@media (prefers-reduced-motion: no-preference){.sidebar-section>h2 button .glyph-disclosure{transition:transform var(--ui-section-motion) var(--ui-ease)}}.sidebar-section>h2 button .glyph-disclosure{width:.75em}.sidebar-section>h2 button[aria-expanded=false] .glyph-disclosure{transform:rotate(-90deg)}.sidebar-section>h2 button:focus-visible{outline:2px solid var(--ui-fg);outline-offset:-2px}.sidebar-section>.body{padding:.4em}@media (prefers-reduced-motion: no-preference){.sidebar-section>.body{transition:opacity var(--ui-section-motion) var(--ui-ease),transform var(--ui-section-motion) var(--ui-ease)}@starting-style{.sidebar-section > .body {opacity: 0; transform: translateY(-.25rem);}}}.sidebar-section>.body>p:first-child{margin-top:0}.sidebar-section>.body>p:last-child{margin-bottom:0}#unitInfo{display:flex;flex-direction:column;gap:.3em}#unitInfo p{margin:0}#unitInfo .unit-header{align-items:center;display:flex;font-weight:var(--type-strong-weight);gap:.4em}#unitInfo .unit-header canvas{flex:none}#unitInfo .moves{display:flex;flex-wrap:wrap;gap:.2em}#unitInfo .moves .pip{background:var(--ui-sunken);border:1px solid var(--ui-bevel-dark);box-sizing:border-box;display:inline-block;height:.6em;overflow:hidden;width:1.2em}#unitInfo .moves .fill{background:var(--ui-positive);display:block;height:100%}#unitInfo .stats{display:flex;gap:.75em}#unitInfo .stats abbr{color:var(--ui-fg-muted);margin-right:.2em;text-decoration:none}#unitInfo .stats .value{font-weight:var(--type-strong-weight)}#unitInfo .home-city{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}#unitInfo .home-city:focus-visible{outline:2px solid var(--ui-fg);outline-offset:1px}#unitInfo .home-city{color:var(--ui-accent);text-decoration:underline}#unitInfo .tile{color:var(--ui-fg-muted);font-size:var(--type-detail-size)}#unitInfo .tile-units{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}#unitInfo .tile-units:focus-visible{outline:2px solid var(--ui-fg);outline-offset:1px}#unitInfo .tile-units{display:flex;flex-wrap:wrap;gap:.1em}#unitInfo .tile-units:hover canvas{filter:brightness(1.15)}.cities-list,.power-list{display:flex;flex-direction:column;gap:.1em;list-style:none;margin:0;padding:0}.cities-list .city-row{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.cities-list .city-row:focus-visible{outline:2px solid var(--ui-fg);outline-offset:1px}.cities-list .city-row{display:flex;flex-direction:column;padding:.15em .2em;width:100%}.cities-list .city-row:hover{background:var(--ui-bg-0)}.cities-list .city-row .name{font-weight:var(--type-strong-weight)}.cities-list .city-row .build{display:flex;font-size:var(--type-detail-size);gap:.5em;justify-content:space-between}.cities-list .city-row .turns{color:var(--ui-fg-muted);white-space:nowrap}.cities-list .city-row .flags{display:flex;flex-wrap:wrap;gap:.3em}.cities-list .city-row .flag{color:var(--ui-negative);font-size:var(--type-detail-size);font-weight:var(--type-strong-weight)}.show-all{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.show-all:focus-visible{outline:2px solid var(--ui-fg);outline-offset:1px}.show-all{color:var(--ui-accent);font-size:var(--type-detail-size);margin-top:.3em;text-decoration:underline}.power-list .row{align-items:center;box-sizing:border-box;display:flex;gap:.4em;padding:.15em .2em;width:100%}.power-list .rank{color:var(--ui-fg-muted);min-width:1.5em;text-align:right}.power-list .swatch{background:var(--civilization-primary, var(--ui-sunken));border:2px solid var(--civilization-secondary, var(--ui-bevel-dark));box-sizing:border-box;flex:none;height:.8em;width:.8em}.power-list .name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.power-list .unknown .name{color:var(--ui-fg-muted);font-style:italic}.power-list .own .row{background:var(--ui-sunken);font-weight:var(--type-strong-weight)}.power-list .value{font-variant-numeric:tabular-nums}.sidebar-section .empty{color:var(--ui-fg-muted);font-size:var(--type-detail-size);margin:0}.spaceship.window dl{display:flex;flex-wrap:wrap}.spaceship.window dl dd{box-sizing:border-box;font-weight:var(--type-strong-weight);margin:0;padding-right:.5rem;text-align:right;width:33%}.spaceship.window dl dt{width:66%}.spaceship.window dl dt span.inactive{color:var(--ui-warn);font-weight:var(--type-strong-weight)}.stat-pill{align-items:center;display:flex;gap:.4em;white-space:nowrap}.stat-pill .value{font-weight:var(--type-strong-weight)}.stat-pill .detail{color:var(--ui-fg-muted);font-size:var(--type-detail-size)}.stat-pill .detail:empty{display:none}.stat-pill.positive .detail{color:var(--ui-positive)}.stat-pill.negative .detail{color:var(--ui-negative);font-weight:var(--type-strong-weight)}.stat-pill .yield-amount{align-items:center;display:flex;gap:.25em}button.stat-pill{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}button.stat-pill:hover .value,button.stat-pill:hover .bar{filter:brightness(1.15)}button.stat-pill:focus-visible{outline:2px solid var(--ui-fg);outline-offset:2px}.supported-unit{position:relative}.supported-unit .yield-icon{position:absolute;left:2px;bottom:2px}.supported-unit .yield-icon:nth-child(3){left:8px}.supported-unit .yield-icon:nth-child(4){left:14px}.supported-unit .yield-icon:nth-child(5){left:20px}#top-bar{border-color:var(--ui-bevel-light) var(--ui-bevel-dark) var(--ui-bevel-dark) var(--ui-bevel-light);border-style:solid;border-width:var(--ui-bevel-width);align-items:center;background:var(--ui-bg-0);box-sizing:border-box;color:var(--ui-fg);column-gap:2em;display:flex;font-size:var(--type-bar-size);min-width:0;padding:.25em .5em;row-gap:.25em}#top-bar h3{font-size:1em;margin:0}#top-bar p{margin:0}#top-bar #gameDetails,#top-bar #other-actions,#top-bar #game-menu{flex:none}@media (max-width: 48em){#top-bar{flex-wrap:wrap}#top-bar #gameDetails{margin-right:auto}#top-bar #playerDetails{flex-basis:100%;order:1}}#top-bar #gameDetails .year{font-family:var(--type-title-family);font-weight:var(--type-title-weight);letter-spacing:var(--type-title-tracking)}#top-bar #gameDetails .turn{color:var(--ui-fg-muted);font-size:var(--type-detail-size);font-weight:400}#top-bar #gameDetails .turn:before{content:" (turn "}#top-bar #gameDetails .turn:after{content:")"}#top-bar #gameDetails .difficulty{color:var(--ui-fg-muted);font-size:var(--type-caption-size)}#top-bar #playerDetails{align-items:center;column-gap:2em;display:flex;flex:1 1 auto;min-width:0;flex-wrap:wrap;row-gap:.25em}#top-bar #playerDetails .nation{font-size:.95em}#top-bar .progress-bar,#top-bar .trade-rates .bar{box-sizing:border-box;height:.75em;width:6em}#top-bar .trade-rates .bar{background:var(--ui-sunken);border:1px solid var(--ui-bevel-dark);display:flex;overflow:hidden}#top-bar .trade-rates .bar .segment{flex-basis:0;min-width:0}#top-bar .trade-rates .bar .segment.tax{background:var(--ui-rate-tax)}#top-bar .trade-rates .bar .segment.luxury{background:var(--ui-rate-luxury)}#top-bar .trade-rates .bar .segment.science{background:var(--ui-rate-science)}.tooltip{background:var(--ui-tooltip-bg);border:1px solid var(--ui-tooltip-edge);border-radius:var(--ui-tooltip-radius);box-shadow:var(--ui-tooltip-shadow);color:var(--ui-tooltip-fg);font-family:var(--font-ui);font-size:var(--type-detail-size);max-width:20rem;overflow:hidden;pointer-events:none;position:fixed}.tooltip h4{background:var(--ui-tooltip-title-bg);color:var(--ui-tooltip-title-fg);font-family:var(--type-title-family);font-size:1em;font-weight:var(--type-title-weight);letter-spacing:var(--type-title-tracking);margin:0;padding:.3em .6em}.tooltip dl{column-gap:1.5em;display:grid;grid-template-columns:auto auto;margin:0;padding:.4em .6em;row-gap:.15em}.tooltip dl:empty{display:none}.tooltip dt{color:var(--ui-tooltip-muted)}.tooltip dd{font-variant-numeric:tabular-nums;margin:0;text-align:right}.tooltip .yield-amount{align-items:center;display:inline-flex;gap:.25em;vertical-align:middle}.tooltip .yield-icon{block-size:var(--tileset-icon);inline-size:var(--tileset-icon)}.tooltip .yield-icon img{display:block;height:var(--tileset-icon);image-rendering:pixelated;width:var(--tileset-icon)}.tooltip .tooltip-amounts{display:inline-flex;flex-wrap:wrap;gap:.75em;justify-content:flex-end}.tooltip .total{border-top:1px solid var(--ui-tooltip-rule);font-weight:var(--type-strong-weight);margin-top:.2em;padding-top:.2em}.tooltip dt.total{color:inherit}.top-cities-report .city{align-items:center;border:2px solid var(--owner-primary, var(--ui-unknown-owner));box-shadow:inset 0 0 0 1px var(--owner-secondary, var(--ui-unknown-owner-edge));display:grid;gap:.25rem 1rem;grid-template-columns:auto 1fr;margin-bottom:.5rem;padding:.25rem .5rem}.top-cities-report .city.unknown-owner .name{font-style:italic}.top-cities-report .city .name{font-weight:var(--type-strong-weight)}.top-cities-report .city .wonders{display:flex;flex-wrap:wrap;gap:0 .75rem;grid-column:1/3}.top-cities-report .city .wonders:empty{display:none}.trade-report .two-column-wrapper{display:flex}.trade-report .two-column-wrapper>div{width:50%}.trade-report .two-column-wrapper .totals{display:flex;flex-wrap:wrap}.trade-report .two-column-wrapper .totals dt{font-weight:var(--type-strong-weight);width:50%}.trade-report .two-column-wrapper .totals dd{box-sizing:border-box;margin:0;padding:0 1rem 0 0;text-align:right;width:50%}.window{background:var(--ui-bg-2);border:1px solid var(--ui-window-edge);border-radius:var(--ui-radius-window);box-shadow:var(--ui-shadow-window);color:var(--ui-fg);margin:0;outline:0;overflow:hidden;padding:0;position:fixed}.window[open]{display:flex;flex-direction:column}.window>.window-filter{flex:none;padding:.33em .5em}.window>.window-filter input{box-sizing:border-box;width:100%}.window>.window-filter p{margin:.5em 0 0}.window .filtered-out{display:none!important}.window>.body{flex:1 1 auto;min-height:0;overflow:auto}.window.modal{z-index:10}.window.modal::backdrop{background:var(--ui-backdrop)}.window.position-auto{align-self:center;justify-self:center;margin:auto}.window.size-auto{max-height:60%;max-width:80vw;min-width:min(40em,100vw - 1rem)}.window>header{background:var(--ui-title-bg);color:var(--ui-title-fg);display:flex;flex:none;font-weight:var(--type-title-weight);padding:.5em;text-shadow:var(--ui-text-shadow-title)}.window>header h3{flex-grow:1;font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);letter-spacing:var(--type-title-tracking);margin:0}.window>header>button{--ui-btn-bg: var(--ui-title-btn-bg);--ui-btn-bg-hover: var(--ui-title-btn-bg-hover);--ui-btn-bg-pressed: var(--ui-title-btn-bg-hover);--ui-btn-edge: var(--ui-title-btn-edge);--ui-btn-fg: var(--ui-title-btn-fg);font-size:0;height:1.3rem;margin-right:.33rem;min-height:0;min-width:0;padding:0;width:1.3rem}.window>header>button:last-child{margin-right:0}.window>header>button .glyph{height:95%;width:95%}.window>header>button .glyph-minimise{display:none}.window.maximised{border:0;border-radius:0;height:100%!important;left:0!important;max-height:none;max-width:none;top:0!important;width:100%!important}.window.maximised>header>button.maximise .glyph-maximise{display:none}.window.maximised>header>button.maximise .glyph-minimise{display:inline}.window p{margin:1em .5em;padding:0}.window>.body :is(h2,h3,h4){font-family:var(--type-heading-family);font-weight:var(--type-heading-weight);letter-spacing:var(--type-heading-tracking);text-transform:var(--type-heading-transform)}.window tr:not(:has(td))>th{color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);text-transform:var(--type-eyebrow-transform)}.window>.body:has(> .action-window-content){display:flex;flex-direction:column}.window .action-window-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.window .action-window-content>:not(footer){flex:1 1 auto;min-height:0;overflow:auto}.window .action-window-content>footer{flex:none}.window :not(header) button{margin:1em .5em}.window.ui-window.size-auto{max-height:90vh;max-width:90vw;min-width:min(28em,90vw)}@media (prefers-reduced-motion: no-preference){.window.ui-window{transition:opacity var(--ui-window-motion-in) var(--ui-ease),translate var(--ui-window-motion-in) var(--ui-ease)}@starting-style{.window.ui-window {opacity: 0; translate: 0 4px;}}}.window.ui-window>.ui-window-header{align-items:center;border-bottom:2px solid var(--ui-title-rule);gap:.5em;padding:.5em .75em}.window.ui-window .ui-window-titles{flex:1 1 auto;min-width:0}.window.ui-window .ui-window-eyebrow{font-family:var(--font-ui);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);margin:0 0 .15em;opacity:.8;text-shadow:none;text-transform:var(--type-eyebrow-transform)}.window.ui-window>.window-filter{background:var(--ui-footer-bg);border-bottom:1px solid var(--ui-footer-edge);padding:.5em .75em}.window.ui-window>.ui-window-footer{align-items:center;background:var(--ui-footer-bg);border-top:1px solid var(--ui-footer-edge);display:flex;flex:none;gap:.75em;padding:.5em .75em}.window.ui-window .ui-window-actions{display:flex;flex-wrap:wrap;gap:.5em;justify-content:flex-end;margin-left:auto}.window.ui-window .ui-window-actions>footer{display:contents}.window.ui-window-ghost{animation:ui-window-out var(--ui-window-motion-out) var(--ui-ease) forwards;box-sizing:border-box;display:flex;flex-direction:column;margin:0;pointer-events:none;transition:none}@keyframes ui-window-out{to{opacity:0;translate:0 4px}}.ui-next-turn-holder{margin:0 1rem 1rem;pointer-events:auto;text-align:right}.ui-next-turn{--next-turn-tint: var(--ui-action);align-items:center;box-shadow:var(--ui-shadow-orb);column-gap:.6em;display:inline-grid;grid-template-areas:"mark label key" "mark place key";grid-template-columns:auto 1fr auto;max-width:20rem;min-height:3.1rem;min-width:14rem;padding:.5em .9em .5em .6em;row-gap:.1em;text-align:left}.ui-next-turn[data-kind=ChooseResearch]{--next-turn-tint: var(--ui-action-research)}.ui-next-turn[data-kind=CityBuild]{--next-turn-tint: var(--ui-action-build)}.ui-next-turn[data-kind=CivilDisorder]{--next-turn-tint: var(--ui-action-disorder)}.ui-next-turn[data-kind=Notice]{--next-turn-tint: var(--ui-action-notice)}.ui-next-turn[data-kind=units]{--next-turn-tint: var(--ui-action-units)}.ui-next-turn[data-kind]{border-left:4px solid var(--next-turn-tint)}.ui-next-turn:not([data-kind]):not(.btn-primary){grid-template-areas:"label key" "place key";grid-template-columns:1fr auto}.ui-next-turn.btn-primary{grid-template-areas:"mark label key"}.ui-next-turn .glyph{grid-area:mark;height:1.4em;width:1.4em}.ui-next-turn[data-hotkey]:after{align-self:end;grid-area:key}.ui-next-turn.btn-primary[data-hotkey]:after{align-self:center}.ui-next-turn.btn-primary{position:relative}.ui-next-turn.btn-primary:before{border-radius:inherit;box-shadow:0 0 0 3px var(--ui-pulse-ring);content:"";inset:-1px;opacity:0;pointer-events:none;position:absolute}@media (prefers-reduced-motion: no-preference){.ui-next-turn.btn-primary:not(:disabled):before{animation:ui-next-turn-pulse var(--ui-motion-pulse) var(--ui-ease) infinite}}@keyframes ui-next-turn-pulse{50%{opacity:1}}.ui-next-turn-swatch{background:radial-gradient(circle,var(--next-turn-tint) 0%,var(--next-turn-tint) 60%,transparent 61%),var(--ui-orb-ring)}@supports (color: hsl(from red h s l)){.ui-next-turn-swatch{background:radial-gradient(circle at 25% 25%,var(--ui-orb-highlight) 0%,transparent 80%),var(--ui-orb-ring),radial-gradient(circle at 50% 15%,hsl(from var(--next-turn-tint) calc(h + 6) calc(s - 40) calc(l + 29)) 0%,transparent 50%),radial-gradient(circle,var(--next-turn-tint) 0%,hsl(from var(--next-turn-tint) calc(h - 5) calc(s + 0) calc(l - 14)) 60%,transparent 61%)}}.ui-next-turn-swatch{border-radius:50%;box-shadow:var(--ui-shadow-orb);grid-area:mark;height:2em;width:2em}.ui-next-turn-label{font-weight:var(--type-strong-weight);grid-area:label}.ui-next-turn-place{color:var(--ui-fg-muted);font-size:var(--type-caption-size);grid-area:place}.ui-notification-rows{align-items:flex-end;display:flex;flex:0 1 auto;flex-direction:column;gap:.35rem;margin:0 1rem .5rem;min-height:0;overflow-x:hidden;overflow-y:auto;pointer-events:auto;scrollbar-width:thin}.ui-notification-rows:empty{display:none}.ui-notification-row{--notification-tint: var(--ui-action-notice);align-items:stretch;background:var(--ui-btn-bg);border:1px solid var(--ui-btn-edge);border-left:4px solid var(--notification-tint);border-radius:var(--ui-radius-control);box-shadow:var(--ui-shadow-orb);color:var(--ui-btn-fg);display:flex;flex:none;width:min(18em,60vw)}.ui-notification-row[data-kind=CivilDisorder]{--notification-tint: var(--ui-action-disorder)}@media (prefers-reduced-motion: no-preference){.ui-notification-row{transition:opacity var(--ui-notification-motion-in) var(--ui-ease),transform var(--ui-notification-motion-in) var(--ui-ease)}@starting-style{.ui-notification-row {opacity: 0; transform: translateX(1rem);}}}.ui-notification-row.ui-notification-leaving{pointer-events:none}@media (prefers-reduced-motion: no-preference){.ui-notification-row.ui-notification-leaving{animation:ui-notification-out var(--ui-notification-motion-out) var(--ui-ease) forwards}}@keyframes ui-notification-out{to{opacity:0;transform:translate(1rem)}}.ui-notification-open{align-items:center;appearance:none;background:none;border:0;color:inherit;column-gap:.6em;cursor:pointer;display:grid;flex:1;font:inherit;grid-template-areas:"mark title count" "mark hint count";grid-template-columns:auto 1fr auto;min-width:0;padding:.4em .5em;text-align:left}.ui-notification-open:hover{background:var(--ui-btn-bg-hover)}.ui-notification-open:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.ui-notification-swatch{background:radial-gradient(circle,var(--notification-tint) 0%,var(--notification-tint) 60%,transparent 61%),var(--ui-orb-ring)}@supports (color: hsl(from red h s l)){.ui-notification-swatch{background:radial-gradient(circle at 25% 25%,var(--ui-orb-highlight) 0%,transparent 80%),var(--ui-orb-ring),radial-gradient(circle at 50% 15%,hsl(from var(--notification-tint) calc(h + 6) calc(s - 40) calc(l + 29)) 0%,transparent 50%),radial-gradient(circle,var(--notification-tint) 0%,hsl(from var(--notification-tint) calc(h - 5) calc(s + 0) calc(l - 14)) 60%,transparent 61%)}}.ui-notification-swatch{border-radius:50%;grid-area:mark;height:1.6em;width:1.6em}.ui-notification-title{font-weight:var(--type-strong-weight);grid-area:title;overflow-wrap:anywhere}.ui-notification-hint{color:var(--ui-fg-muted);font-size:var(--type-caption-size);grid-area:hint}.ui-notification-count{background:var(--notification-tint);border-radius:999px;color:var(--ui-light);font-size:var(--type-caption-size);font-variant-numeric:tabular-nums;grid-area:count;padding:0 .45em}.ui-notification-dismiss{align-self:center;margin-right:.25em}.ui-notification-more{appearance:none;background:none;border:0;color:var(--ui-link-fg, var(--ui-accent));cursor:pointer;flex:none;font:inherit;font-size:var(--type-caption-size);padding:.1em .4em;text-decoration:var(--ui-link-decoration, underline)}.ui-next-turn-area{flex:none}.ui-unit-card .ui-unit-card-home,.ui-unit-card .ui-unit-card-others{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.ui-unit-card .ui-unit-card-home:focus-visible,.ui-unit-card .ui-unit-card-others:focus-visible{outline:2px solid var(--ui-fg);outline-offset:1px}.ui-unit-card .ui-unit-card-header{align-items:center;display:flex;gap:.5em}.ui-unit-card .ui-unit-card-portrait{flex:none;line-height:0;position:relative}.ui-unit-card .ui-unit-card-portrait canvas{display:block}.ui-unit-card .ui-unit-card-veteran{background:var(--ui-bg-0);border:1px solid var(--ui-accent);border-radius:var(--ui-radius-control);color:var(--ui-accent);display:flex;font-size:.7em;padding:.05em;position:absolute;right:-.3em;top:-.3em}.ui-unit-card .ui-unit-card-veteran .glyph{stroke-width:3;width:1em}.ui-unit-card .ui-unit-card-heading{min-width:0}.ui-unit-card .ui-unit-card-name{font-family:var(--type-heading-family);font-weight:var(--type-strong-weight)}.ui-unit-card .ui-unit-card-status{color:var(--ui-fg-muted);display:flex;flex-wrap:wrap;font-size:var(--type-detail-size);gap:0 .5em}.ui-unit-card .ui-unit-card-home{color:var(--ui-accent);text-decoration:underline}.ui-unit-card .ui-unit-card-stats{display:flex;flex-wrap:wrap;gap:0 .6em;height:1lh;overflow:hidden}.ui-unit-card .ui-unit-card-stats .stat-pill{gap:.25em}.ui-unit-card .ui-unit-card-stats .glyph{color:var(--ui-fg-muted);width:1em}.ui-unit-card .ui-unit-card-pips{display:grid;gap:.2em;grid-template-columns:repeat(8,1fr)}.ui-unit-card .ui-unit-card-pip{background:var(--ui-sunken);border:1px solid var(--ui-bevel-dark);box-sizing:border-box;height:.6em;overflow:hidden}.ui-unit-card .ui-unit-card-pip-fill{background:var(--ui-positive);display:block;height:100%}.ui-unit-card .ui-unit-card-tile{color:var(--ui-fg-muted);font-size:var(--type-detail-size)}.ui-unit-card .ui-unit-card-coordinates{align-items:center;display:inline-flex;float:right;font-variant-numeric:tabular-nums;gap:.2em;margin-left:.5em}.ui-unit-card .ui-unit-card-coordinates .glyph{height:.9em;width:.9em}.ui-unit-card .ui-unit-card-defence-bonus{color:var(--ui-fg);font-weight:var(--type-strong-weight)}.ui-unit-card .ui-unit-card-actions{display:flex;flex-direction:column;gap:.3em}.ui-unit-card .ui-unit-card-actions:empty{display:none}.ui-unit-card .ui-unit-card-eyebrow{color:var(--type-eyebrow-colour);font-family:var(--font-ui);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);text-transform:var(--type-eyebrow-transform)}.ui-unit-card .ui-unit-card-buttons{display:flex;flex-wrap:wrap;gap:.25em}.ui-unit-card .ui-unit-card-action{height:2rem;min-height:0;min-width:0;padding:2px;width:2rem}.ui-unit-card .ui-unit-card-action canvas{height:100%;image-rendering:pixelated;width:100%}.ui-unit-card .ui-unit-card-others{display:flex;flex-wrap:wrap;gap:2px}.ui-unit-card .ui-unit-card-others:hover canvas,.ui-unit-card .ui-unit-card-others:hover .ui-unit-card-more{filter:brightness(1.15)}.ui-unit-card .ui-unit-card-more{align-items:center;background:var(--ui-sunken);border:1px solid var(--ui-bevel-dark);box-sizing:border-box;display:flex;font-weight:var(--type-strong-weight);height:var(--portrait-size);justify-content:center;width:var(--portrait-size)}#mainmenu.ui-title-menu{justify-content:flex-start}@media (prefers-reduced-motion: reduce){#mainmenu.ui-title-menu{transition:none}}.ui-title-menu-panel{align-self:flex-end;background:var(--ui-overlay-bg);border-left:3px solid var(--ui-accent);border-radius:0 var(--ui-radius-window) var(--ui-radius-window) 0;box-shadow:var(--ui-shadow-panel);color:var(--ui-overlay-fg);margin:0 0 clamp(1rem,8vh,5rem) clamp(0px,5vw,4rem);max-width:calc(100vw - 2rem);padding:.75rem 0;width:22rem}.ui-title-menu-items{list-style:none;margin:0;padding:0}.ui-title-menu-item{align-items:baseline;appearance:none;background:none;border:0;color:inherit;column-gap:1rem;cursor:pointer;display:grid;font-family:var(--type-title-family);font-size:var(--type-heading-size);grid-template-areas:"label key" "detail key";grid-template-columns:1fr auto;letter-spacing:var(--type-title-tracking);padding:.45rem 1.25rem;text-align:left;text-shadow:var(--ui-text-shadow-title);width:100%}@media (prefers-reduced-motion: no-preference){.ui-title-menu-item{transition:background-color var(--ui-motion-slow) var(--ui-ease),color var(--ui-motion-slow) var(--ui-ease)}}.ui-title-menu-item .label{grid-area:label}.ui-title-menu-item .detail{font-family:var(--font-ui);font-size:var(--type-caption-size);grid-area:detail;letter-spacing:normal;opacity:.75}.ui-title-menu-item .key{font-family:var(--font-mono);font-size:var(--type-caption-size);grid-area:key;letter-spacing:normal;opacity:.6}@media (hover: none){.ui-title-menu-item .key{display:none}}.ui-title-menu-item:hover{background:color-mix(in srgb,var(--ui-accent) 25%,transparent)}.ui-title-menu-item:focus-visible{background:color-mix(in srgb,var(--ui-accent) 40%,transparent);outline:var(--ui-focus-outline);outline-offset:calc(-1 * var(--ui-focus-offset))}.ui-title-menu-item:disabled{cursor:default}.ui-title-menu-item[data-item=continue] .label{font-weight:var(--type-title-weight)}.ui-title-menu-footer{border-top:1px solid var(--ui-line-soft);display:flex;flex-wrap:wrap;font-size:var(--type-caption-size);gap:.5rem;margin:.5rem 1.25rem 0;opacity:.8;padding-top:.5rem}.ui-title-menu-link{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-decoration:var(--ui-link-decoration)}.ui-title-menu-link:hover{text-decoration:var(--ui-link-decoration-hover)}.window.ui-window.ui-game-setup-window>.body{display:flex;flex-direction:column;min-height:0;overflow:auto}.ui-game-setup{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;min-height:0;padding:.75rem}.ui-game-setup-world{flex:none}.ui-game-setup-world,.ui-game-setup-fields{display:grid;gap:.5rem 1rem;grid-template-columns:max-content minmax(0,1fr)}.ui-field{display:contents}.ui-field>label{align-self:center}.ui-field-control{align-items:center;display:flex;gap:.5em}.ui-field-control select,.ui-field-control input{min-width:0}.ui-field-unit,.ui-field-hint,.ui-game-setup-note{color:var(--ui-fg-muted);font-size:var(--type-detail-size)}.ui-game-setup .ui-field-hint{grid-column:2;margin:-.25rem 0 0}.ui-game-setup-advanced{grid-column:1/-1}.ui-game-setup-advanced>summary{cursor:pointer;font-weight:var(--type-strong-weight)}.ui-game-setup-advanced>.ui-game-setup-fields{margin-top:.5rem}.ui-game-setup-seating{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;min-height:11rem}.ui-game-setup-seats-heading{align-items:baseline;display:flex;gap:.75em}.ui-game-setup-seats-heading h4,.ui-game-setup-seats-heading .ui-game-setup-note{margin:0}.ui-game-setup-seats-heading h4{font-family:var(--type-heading-family);letter-spacing:var(--type-heading-tracking);text-transform:var(--type-heading-transform)}.ui-game-setup-table{border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);flex:1 1 auto;min-height:6rem;overflow:auto}.ui-game-setup-seats{border-collapse:collapse;width:100%}.ui-game-setup-seats th,.ui-game-setup-seats td{padding:.15rem .5rem;text-align:left;vertical-align:middle;white-space:nowrap}.ui-game-setup-seats thead th{background:var(--ui-sunken);border-bottom:1px solid var(--ui-table-rule);position:sticky;top:0}.ui-game-setup-seats tbody tr+tr{border-top:1px solid var(--ui-table-rule)}.ui-game-setup-seats tbody th{color:var(--ui-fg-muted);font-variant-numeric:var(--type-figures);width:1.5em}.ui-game-setup-seats td>*{margin:0;vertical-align:middle}.ui-game-setup-seats input[type=text]{width:9em}.ui-game-setup-civilization{align-items:center;display:flex;gap:.5em}.ui-game-setup-leader{padding:0 .25em}.ui-civ-swatch{background:linear-gradient(135deg,var(--swatch-first) 50%,var(--swatch-second) 50%);border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);display:inline-block;flex:none;height:1.25em;width:1.25em}.ui-civ-swatch.random{background:repeating-linear-gradient(45deg,var(--ui-sunken) 0 3px,var(--ui-line-soft) 3px 6px)}.ui-segmented{border:1px solid var(--ui-btn-edge);border-radius:var(--ui-radius-control);display:inline-flex;overflow:hidden}.ui-segment{cursor:pointer;display:inline-flex}.ui-segment+.ui-segment{border-left:1px solid var(--ui-btn-edge)}.ui-segment input{appearance:none;border:0;height:0;position:static;margin:0;min-height:0;opacity:0;padding:0;width:0}.ui-segment span{background:var(--ui-btn-bg);color:var(--ui-btn-fg);font-family:var(--ui-btn-family);font-size:var(--type-detail-size);padding:.2em .7em}.ui-segment:hover span{background:var(--ui-btn-bg-hover)}.ui-segment input:checked+span{background:var(--ui-segment-on-bg);color:var(--ui-segment-on-fg);font-weight:var(--type-strong-weight)}.ui-segment input:focus-visible+span{outline:var(--ui-focus-outline);outline-offset:calc(-1 * var(--ui-focus-offset))}.ui-segment input:disabled+span{color:var(--ui-fg-muted)}.ui-segment:has(input:disabled){cursor:not-allowed}.ui-game-setup .ui-game-setup-remove,.ui-game-setup .ui-game-setup-add{margin:0}.ui-game-setup-add{align-self:flex-start}.window.ui-meeting-window>.body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.window.ui-meeting-window>.ui-window-footer:not(:has(button)){display:none}.ui-meeting{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;min-height:0;padding:.75rem;width:min(34rem,90vw)}.ui-meeting .ui-meeting-strip{align-items:center;background:var(--ui-bg-1);border:1px solid var(--ui-line-soft);border-radius:var(--ui-radius-control);display:flex;flex:none;flex-wrap:wrap;gap:.5rem .75rem;padding:.5rem .75rem}.ui-meeting .ui-meeting-swatch{background:linear-gradient(135deg,var(--owner-primary, var(--ui-unknown-owner)) 50%,var(--owner-secondary, var(--ui-unknown-owner-edge)) 50%);border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);flex:none;height:1.75rem;width:1.75rem}.ui-meeting .ui-meeting-who{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.ui-meeting .ui-meeting-leader{font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);letter-spacing:var(--type-heading-tracking);text-transform:var(--type-heading-transform)}.ui-meeting .ui-meeting-nation{color:var(--ui-fg-muted);font-size:var(--type-detail-size)}.ui-meeting .ui-meeting-facts{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0}.ui-meeting .ui-meeting-facts:empty{display:none}.ui-meeting .ui-meeting-fact{display:flex;flex-direction:column}.ui-meeting .ui-meeting-fact dt{color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);text-transform:var(--type-eyebrow-transform)}.ui-meeting .ui-meeting-fact dd{font-variant-numeric:var(--type-figures);margin:0}.ui-meeting .ui-meeting-fact dd[data-tone=negative]{color:var(--ui-negative)}.ui-meeting .ui-meeting-conversation{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;max-height:20rem;min-height:0;overflow-y:auto}.ui-meeting .ui-meeting-speech{align-self:flex-start;background:var(--ui-bg-2);border:1px solid var(--ui-line-soft);border-radius:var(--ui-radius-control);color:var(--ui-fg-muted);margin:0;max-width:85%;padding:.375rem .625rem}.ui-meeting .ui-meeting-speech figcaption{color:var(--type-eyebrow-colour);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);text-transform:var(--type-eyebrow-transform)}.ui-meeting .ui-meeting-speech blockquote{margin:0}.ui-meeting .ui-meeting-speech.ui-meeting-speech-own{align-self:flex-end;background:var(--ui-sunken)}.ui-meeting .ui-meeting-speech.ui-meeting-latest{border-color:var(--ui-line);color:var(--ui-fg)}.ui-meeting .ui-meeting-narration{align-self:center;color:var(--ui-fg-muted);font-size:var(--type-detail-size);font-style:italic;margin:0;text-align:center}.ui-meeting .ui-meeting-narration.ui-meeting-latest{color:var(--ui-fg)}.ui-meeting .ui-meeting-replies{display:flex;flex:none;flex-direction:column;gap:.375rem}.ui-meeting .ui-meeting-reply{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;margin:0;text-align:start;width:100%}.ui-meeting .ui-meeting-reply .ui-meeting-reply-text{flex:1 1 auto;min-width:0}.ui-meeting .ui-meeting-key{background:var(--ui-kbd-bg);border:1px solid var(--ui-kbd-edge);border-radius:3px;color:var(--ui-kbd-fg);display:var(--ui-kbd-display);flex:none;font-family:var(--font-mono);font-size:.75em;font-weight:400;line-height:1.4;min-width:1.4em;padding:0 .3em;text-align:center}.ui-menu{background:var(--ui-menu-bg);border:1px solid var(--ui-menu-edge);border-inline-start:var(--ui-menu-rule-width) solid var(--ui-menu-rule);border-radius:var(--ui-menu-radius);box-shadow:var(--ui-menu-shadow);box-sizing:border-box;color:var(--ui-menu-fg);display:flex;flex-direction:column;font-family:var(--font-ui);font-size:var(--type-body-size);left:0;max-width:min(20rem,100vw - 1rem);min-width:12rem;opacity:0;overflow:hidden;position:fixed;top:0;transform:translateY(var(--ui-menu-rise));width:max-content}@media (prefers-reduced-motion: no-preference){.ui-menu{transition:opacity var(--ui-menu-motion) var(--ui-ease),transform var(--ui-menu-motion) var(--ui-ease)}}.ui-menu[data-open]{opacity:1;transform:none}.ui-menu{user-select:none;-webkit-touch-callout:none}.ui-menu-header{align-items:center;border-bottom:1px solid var(--ui-menu-divider);color:var(--ui-menu-heading-fg);display:grid;touch-action:none;column-gap:.5rem;grid-template-areas:"portrait name" "portrait square";grid-template-columns:auto 1fr;padding:.5rem .75rem}.ui-menu-header .ui-menu-portrait{grid-area:portrait}.ui-menu-header .ui-menu-name{font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);grid-area:name;letter-spacing:var(--type-heading-tracking);margin:0;text-transform:var(--type-heading-transform)}.ui-menu-header .ui-menu-square{font-size:var(--type-caption-size);grid-area:square;margin:0;opacity:.85}.ui-menu-body{display:flex;flex-direction:column;gap:var(--ui-menu-item-gap);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--ui-menu-padding);touch-action:none}.ui-menu-body[data-scrolls]{touch-action:pan-y}.ui-menu-section{display:flex;flex-direction:column;gap:var(--ui-menu-item-gap)}.ui-menu-eyebrow{color:var(--ui-menu-eyebrow-fg);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);padding:.5rem .75rem .25rem;text-transform:var(--type-eyebrow-transform)}.ui-menu-rule{border-top:1px solid var(--ui-menu-divider);margin:.25rem 0}.ui-menu-item{align-items:center;appearance:none;background:var(--ui-menu-item-bg);border:0;border-radius:var(--ui-menu-item-radius);box-shadow:inset 3px 0 0 transparent;color:var(--ui-menu-item-fg);column-gap:.625rem;cursor:pointer;display:grid;font:inherit;grid-template-areas:"icon label key" "icon detail key";grid-template-columns:auto 1fr auto;padding:var(--ui-menu-item-padding);text-align:start;width:100%}@media (prefers-reduced-motion: no-preference){.ui-menu-item{transition:background-color var(--ui-menu-motion) var(--ui-ease),color var(--ui-menu-motion) var(--ui-ease),box-shadow var(--ui-menu-motion) var(--ui-ease)}}.ui-menu-item:focus{outline:none}.ui-menu-item.danger{color:var(--ui-menu-danger-fg)}.ui-menu-item[data-hover]{background:var(--ui-menu-hover-bg);box-shadow:inset 3px 0 0 var(--ui-menu-hover-bar);color:var(--ui-menu-hover-fg)}.ui-menu-item.danger[data-hover]{color:var(--ui-menu-danger-hover-fg)}.ui-menu-item[data-hover][data-pressed]{background:var(--ui-menu-pressed-bg)}.ui-menu-item[data-hover]:focus-visible{outline:var(--ui-focus-outline);outline-offset:calc(-1 * var(--ui-focus-offset))}.ui-menu-item:disabled{cursor:default;opacity:var(--ui-control-disabled-opacity)}.ui-menu-icon{display:flex;grid-area:icon}.ui-menu-icon:empty{display:none}.ui-menu-icon canvas{height:1.5rem;image-rendering:pixelated;width:1.5rem}.ui-menu-item:has(.ui-menu-icon:empty){grid-template-areas:"label key" "detail key";grid-template-columns:1fr auto}.ui-menu-label{grid-area:label;white-space:nowrap}.ui-menu-detail{font-size:var(--type-caption-size);grid-area:detail;opacity:.8}.ui-menu-key{background:var(--ui-menu-kbd-bg);border:1px solid var(--ui-menu-kbd-edge);border-radius:3px;color:var(--ui-menu-kbd-fg);display:var(--ui-kbd-display);font-family:var(--font-mono);font-size:var(--type-caption-size);grid-area:key;line-height:1.4;padding:0 .3rem}.ui-unit-markers{inset:0;overflow:hidden;pointer-events:none;position:absolute}.ui-unit-marker{border:2px solid var(--ui-unit-ring);border-radius:var(--ui-radius-control);box-shadow:0 0 0 2px var(--ui-unit-ring-halo),0 0 10px var(--ui-unit-ring-glow);box-sizing:border-box;position:absolute}@media (prefers-reduced-motion: no-preference){.ui-unit-marker{animation:ui-unit-marker-pulse var(--ui-motion-pulse) var(--ui-ease) infinite}}@keyframes ui-unit-marker-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
/*# sourceMappingURL=app.css.map */