html{font-size:clamp(14px,.9rem + .4vmin,18px)}:root{--fs-xs:max(11px, .6875rem);--fs-sm:max(11px, .75rem);--fs-md:.875rem;--fs-lg:1rem;--fs-xl:1.125rem;--fs-title:1.375rem;--viewport-h:var(--vv-h,100dvh)}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable],[contenteditable] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#ui-root{--panel-bg:linear-gradient(165deg, #f6ecd2, #e8d6ae);--panel-border:#b8924a;--panel-shadow:0 4px 16px #32220c4d;--panel-inset:inset 0 1px 0 #fff9;--ink:#3a2a16;--ink-muted:#6b5836;--gold:#b8862f;--gold-bright:#c8a24a;--danger:#9c2f24;--science:#2f6b58;--growth:#4a7a4a;--font-display:Georgia, "Times New Roman", serif;--font-data:system-ui, sans-serif;--tap-min:44px;--radius:9px;--nav-h:48px;--hud-bottom:0px;--hud-row:0px;--end-turn-clear:80px;--rail-icon:44px;--rail-inset:4px;--rail-gutter:calc(var(--rail-icon) + 10px + var(--rail-inset) + 4px);--dock-top:56px;--inspector-dock-w:280px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);z-index:10;pointer-events:none;color:var(--ink);font-family:var(--font-data);position:fixed;inset:0}#ui-root[data-layout=regular],#ui-root[data-layout=wide]{--hud-bottom:var(--nav-h)}#ui-root[data-layout=compact][data-orient=portrait]{--hud-row:124px}#ui-root[hidden]{display:none}#ui-root.no-game{z-index:50}#ui-root.no-game>:not(.save-load-slot):not(.settings-slot):not(#version-badge):not(.mp-restore-prompt){display:none}#ui-root .chrome-panel{pointer-events:auto}#ui-root .ribbon-slot{top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);justify-content:center;display:flex;position:absolute}#ui-root .action-slot{top:auto;left:auto;right:var(--safe-right);bottom:calc(var(--hud-bottom) + var(--safe-bottom));padding:12px;position:absolute}#ui-root .status-ribbon{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-inset), var(--panel-shadow);text-align:center;max-width:calc(100vw - 110px);margin-top:6px;padding:5px 14px}#ui-root .status-ribbon .sr-line{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}#ui-root .status-ribbon .sr-primary{font:700 var(--fs-md)/1.25 var(--font-data);font-variant-numeric:tabular-nums;color:var(--ink)}#ui-root .status-ribbon .sr-secondary{font:600 var(--fs-xs)/1.2 var(--font-data);color:var(--ink-muted)}#ui-root[data-layout=compact][data-orient=portrait] .status-ribbon{max-width:calc(100vw - 16px)}#ui-root[data-layout=compact][data-orient=landscape] .ribbon-slot{justify-content:flex-start}#ui-root[data-layout=compact][data-orient=landscape] .status-ribbon{margin-left:6px;padding:4px 10px}#ui-root[data-layout=compact][data-orient=landscape] .status-ribbon .sr-secondary{display:none}#ui-root .end-turn{min-height:var(--tap-min);min-width:var(--tap-min);box-shadow:0 0 0 2px #c8a24a59, 0 4px 10px #281a0866, var(--panel-inset);color:#fdf6e3;font:700 var(--fs-md)/1 var(--font-display);letter-spacing:.03em;cursor:pointer;background:linear-gradient(#c8a24a,#9c7a2a);border:1px solid #7a5e1e;border-radius:24px;padding:11px 22px;position:relative}#ui-root .end-turn:active{transform:scale(.97)}#ui-root .end-turn.has-idle{box-shadow:0 0 0 2px var(--gold-bright), 0 4px 10px #281a0866, var(--panel-inset);animation:1.6s ease-in-out infinite end-turn-pulse}#ui-root .end-turn.has-idle:after{content:attr(data-idle);background:var(--danger);color:#fff;min-width:16px;height:16px;font:700 var(--fs-xs)/16px var(--font-data);text-align:center;border-radius:8px;padding:0 3px;position:absolute;top:-6px;right:-6px}@keyframes end-turn-pulse{0%,to{box-shadow:0 0 0 2px var(--gold-bright), 0 4px 10px #281a0866, var(--panel-inset)}50%{box-shadow:0 0 0 4px #c8a24a80, 0 4px 14px #281a0880, var(--panel-inset)}}#ui-root .inspector[hidden]{display:none}#ui-root .inspector-slot{left:var(--safe-left);right:var(--safe-right);bottom:calc(60px + var(--safe-bottom));pointer-events:none;justify-content:center;display:flex;position:absolute}#ui-root[data-layout=compact][data-orient=landscape] .inspector-slot,#ui-root[data-layout=regular] .inspector-slot{left:auto;right:calc(var(--rail-gutter) + var(--safe-right));bottom:auto;top:calc(var(--dock-top) + var(--safe-top));justify-content:flex-end}#ui-root[data-layout=wide] .inspector-slot{bottom:calc(var(--hud-bottom) + 12px + var(--safe-bottom))}#ui-root[data-layout=compact][data-orient=portrait] .inspector-slot{left:calc(8px + var(--safe-left));right:calc(var(--rail-gutter) + var(--safe-right));bottom:calc(var(--safe-bottom) + var(--hud-row));justify-content:flex-start;top:auto}#ui-root[data-layout=compact][data-orient=landscape] .inspector,#ui-root[data-layout=regular] .inspector,#ui-root[data-layout=wide] .inspector{width:var(--inspector-dock-w);max-width:100%}#ui-root[data-layout=compact][data-orient=portrait] .inspector{width:100%}#ui-root .inspector{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);min-width:0;max-width:100%;box-shadow:var(--panel-inset), var(--panel-shadow);padding:10px 12px 12px}#ui-root .inspector .insp-header{font:600 var(--fs-sm)/1.3 var(--font-data);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;overflow:hidden}#ui-root .inspector .insp-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;display:grid}#ui-root[data-layout=compact][data-orient=portrait] .inspector{border-bottom-right-radius:0;border-bottom-left-radius:0}#ui-root[data-layout=compact][data-orient=landscape] .inspector,#ui-root[data-layout=wide] .inspector{min-width:200px}#ui-root .inspector .action-icon{min-height:var(--tap-min);min-width:var(--tap-min);border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);color:var(--ink);cursor:pointer;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px 5px;transition:background .1s,box-shadow .1s;display:flex}#ui-root .inspector .action-icon>*{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#ui-root .inspector .action-icon:active{background:linear-gradient(170deg,#e8d0a0,#d4b870);box-shadow:inset 0 1px 3px #32220c40}#ui-root .inspector .action-icon svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#ui-root .inspector .action-icon .cap{font:600 var(--fs-xs)/1 var(--font-data);color:var(--ink-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}#ui-root .inspector .action-icon:disabled{opacity:.45;pointer-events:none}#ui-root .inspector .action-icon.danger{border-color:var(--danger)}#ui-root .inspector .action-icon.danger svg{stroke:var(--danger)}#ui-root .inspector .action-icon.danger .cap{color:var(--danger)}#ui-root .inspector .insp-build{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);margin-bottom:8px}#ui-root .inspector .insp-units-label{font:600 var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted);margin-top:6px;margin-bottom:4px}#ui-root .inspector .insp-odds{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);margin-bottom:8px}#ui-root .inspector .insp-confirm-msg{font:600 var(--fs-sm)/1.4 var(--font-data);color:var(--ink);margin-bottom:10px}#ui-root .inspector .insp-primary{width:100%;min-height:var(--tap-min);border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);color:var(--ink);font:600 var(--fs-sm)/1.2 var(--font-data);text-align:center;cursor:pointer;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);margin-bottom:6px;padding:10px 14px;transition:background .1s,box-shadow .1s;display:block}#ui-root .inspector .insp-primary:last-child{margin-bottom:0}#ui-root .inspector .insp-primary:active{background:linear-gradient(170deg,#e8d0a0,#d4b870);box-shadow:inset 0 1px 3px #32220c40}#ui-root .inspector .insp-primary:disabled{opacity:.45;cursor:default}#ui-root .inspector .insp-primary.danger{border-color:var(--danger);color:var(--danger)}#ui-root .inspector .insp-primary.danger:active{background:linear-gradient(170deg,#f5dbd8,#e8b0a8)}#ui-root .minimap-slot{bottom:calc(60px + var(--hud-bottom) + var(--safe-bottom));left:calc(12px + var(--safe-left));pointer-events:none;position:absolute}#ui-root[data-layout=compact][data-orient=portrait] .minimap-slot{left:calc(8px + var(--safe-left));bottom:calc(8px + var(--safe-bottom))}#ui-root[data-layout=compact][data-orient=portrait] .mm-canvas{width:104px}#ui-root[data-layout=compact][data-orient=landscape] .minimap-slot{bottom:calc(12px + var(--safe-bottom))}#ui-root #version-badge{left:50%;right:auto;bottom:calc(var(--hud-bottom) + var(--safe-bottom) + 2px);z-index:-1;font:600 var(--fs-xs)/1 ui-monospace, "SF Mono", "DejaVu Sans Mono", monospace;color:#f5e9c880;text-shadow:0 1px 2px #000000d9;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%)}#ui-root.no-game #version-badge{z-index:250}#ui-root .minimap-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset), var(--panel-shadow);pointer-events:auto;flex-direction:column;padding:4px;display:inline-flex;position:relative;overflow:hidden}#ui-root .mm-canvas{width:160px;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;border-radius:2px;display:block}#ui-root .minimap-panel[data-expanded="1"] .mm-canvas{width:320px}#ui-root .mm-viewport{pointer-events:none;border:1px solid #ffffffbf;position:absolute;top:4px;left:4px;box-shadow:0 0 0 1px #0006}#ui-root .mm-toggle{border:1px solid var(--panel-border);color:var(--ink-muted);font-size:var(--fs-sm);cursor:pointer;opacity:.7;background:0 0;border-radius:4px;align-self:flex-end;margin-top:3px;padding:1px 5px;line-height:1.2}#ui-root .mm-toggle:active{opacity:1}#ui-root .inspector .insp-unit{width:100%;min-height:var(--tap-min);border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);color:var(--ink);font:400 var(--fs-xs)/1.3 var(--font-data);text-align:left;cursor:pointer;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);margin-bottom:4px;padding:8px 12px;transition:background .1s;display:block}#ui-root .inspector .insp-unit:last-child{margin-bottom:0}#ui-root .inspector .insp-unit:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .advisor-nav{bottom:var(--safe-bottom);left:var(--safe-left);right:var(--safe-right);height:var(--nav-h);background:var(--panel-bg);border-top:1px solid var(--panel-border);box-shadow:0 -2px 8px #32220c33, var(--panel-inset);display:flex;position:absolute}#ui-root[data-layout=compact] .advisor-nav{display:none}#ui-root[data-layout=wide] .advisor-nav{border:1px solid var(--panel-border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;width:auto;max-width:560px;left:50%;right:auto;transform:translate(-50%)}#ui-root .advisor-nav .adv-tab{min-height:var(--nav-h);color:var(--ink);font:600 var(--fs-sm)/1 var(--font-display);cursor:pointer;background:0 0;border:none;border-right:1px solid #b8924a59;flex:1;transition:background .1s}#ui-root[data-layout=wide] .advisor-nav .adv-tab{flex:none;min-width:96px;padding:0 18px}#ui-root .advisor-nav .adv-tab:last-child{border-right:none}#ui-root .advisor-nav .adv-tab:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .rail-nav{right:calc(var(--rail-inset) + var(--safe-right));top:calc(var(--safe-top) + 48px);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-inset), var(--panel-shadow);flex-direction:column;gap:6px;padding:4px;display:flex;position:absolute}#ui-root[data-layout=compact] .rail-nav{top:auto;bottom:calc(var(--safe-bottom) + var(--end-turn-clear))}#ui-root .rail-nav .rail-icon{width:var(--rail-icon);min-width:var(--tap-min);min-height:var(--rail-icon);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);color:var(--ink);cursor:pointer;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);border:1px solid #b8924a66;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;transition:background .1s;display:flex}#ui-root .rail-nav .rail-icon:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .toast{bottom:calc(var(--hud-bottom) + var(--hud-row) + 12px + var(--safe-bottom));background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);max-width:min(360px,90vw);box-shadow:var(--panel-inset), var(--panel-shadow);z-index:20;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#ui-root .toast[hidden]{display:none}#ui-root .toast .toast-text{font:600 var(--fs-sm)/1.3 var(--font-data);color:var(--gold);flex:1}#ui-root .toast .toast-action{border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);color:var(--ink);font:600 var(--fs-sm)/1 var(--font-data);cursor:pointer;white-space:nowrap;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);padding:5px 12px;transition:background .1s}#ui-root .toast .toast-action:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .notif-log{top:calc(var(--safe-top) + 56px);left:var(--safe-left);pointer-events:auto;flex-direction:column;gap:2px;max-width:320px;padding:4px;display:flex;position:absolute}#ui-root .notif-log[hidden]{display:none}#ui-root .notif-row{min-height:var(--tap-min);border-radius:calc(var(--radius) - 2px);color:#e8e2d4;font:600 var(--fs-sm)/1.3 var(--font-data);text-align:left;cursor:pointer;background:#1a1a1ae0;border:1px solid #8b6f4799;align-items:center;gap:8px;width:100%;padding:5px 10px;transition:background .1s;display:flex;box-shadow:0 2px 6px #0006}#ui-root .notif-row:active{background:#282828f2}#ui-root .notif-icon{font-size:var(--fs-md);flex-shrink:0;line-height:1}#ui-root .notif-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#ui-root .notif-go{font-size:var(--fs-xs);opacity:.85;flex-shrink:0;line-height:1}#ui-root .tile-info-backdrop{pointer-events:auto;padding-bottom:calc(20px + var(--safe-bottom));background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}#ui-root .tile-info-backdrop[hidden]{display:none}#ui-root .tile-info-sheet{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-inset), var(--panel-shadow);width:100%;max-width:320px;max-height:calc(var(--viewport-h) * .7);pointer-events:auto;padding:16px 20px 18px;overflow-y:auto}#ui-root .tile-info-sheet .ti-title{font:700 var(--fs-xl)/1.25 var(--font-display);color:var(--ink);margin-bottom:10px}#ui-root .tile-info-sheet .ti-section{font:600 var(--fs-xs)/1.3 var(--font-data);letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase;margin-top:10px;margin-bottom:3px}#ui-root .tile-info-sheet .ti-line{font:400 var(--fs-sm)/1.5 var(--font-data);color:var(--ink)}#ui-root .ctx-backdrop{pointer-events:auto;background:0 0;position:fixed;inset:0}#ui-root .ctx-backdrop[hidden]{display:none}#ui-root .ctx-menu{overscroll-behavior:contain;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);width:max-content;min-width:180px;max-width:320px;box-shadow:var(--panel-inset), var(--panel-shadow);z-index:50;flex-direction:column;padding:8px 6px;display:flex;position:absolute;overflow:hidden auto}#ui-root .ctx-header{font:700 var(--fs-sm)/1.3 var(--font-display);color:var(--ink);padding:4px 8px 2px}#ui-root .ctx-subtext{font:400 var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted);font-family:monospace, var(--font-data);padding:1px 8px}#ui-root .ctx-note{font:400 var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted);opacity:.7;padding:1px 8px 4px}#ui-root .ctx-card{width:100%;min-height:var(--tap-min);border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);color:var(--ink);font:600 var(--fs-sm)/1.2 var(--font-data);text-align:left;cursor:pointer;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);margin-top:3px;padding:10px 12px;transition:background .1s,box-shadow .1s;display:block}#ui-root .ctx-card:active{background:linear-gradient(170deg,#e8d0a0,#d4b870);box-shadow:inset 0 1px 3px #32220c40}#ui-root .ctx-gold{border-color:var(--gold);color:var(--gold)}#ui-root .ctx-gold:active{background:linear-gradient(170deg,#f5e8c0,#e0c060)}#ui-root .ctx-action{border-color:var(--panel-border)}#ui-root .ctx-disabled{opacity:.45;cursor:not-allowed}#ui-root .ctx-disabled:active{box-shadow:var(--panel-inset);background:linear-gradient(170deg,#f9f0d8,#e8d0a0)}#ui-root .leader-panel{right:calc(var(--rail-gutter) + var(--safe-right));bottom:calc(var(--hud-bottom) + var(--end-turn-clear) + var(--safe-bottom));background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);width:220px;box-shadow:var(--panel-shadow), var(--panel-inset);flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute}#ui-root .leader-panel[hidden]{display:none}#ui-root[data-layout=compact][data-orient=portrait] .leader-panel{bottom:auto;left:50%;right:auto;top:calc(var(--safe-top) + 80px);transform:translate(-50%)}#ui-root[data-layout=compact][data-orient=landscape] .leader-panel{bottom:auto;top:calc(var(--dock-top) + var(--safe-top));right:calc(var(--rail-gutter) + var(--inspector-dock-w) + 12px + var(--safe-right))}#ui-root .leader-caption{font-size:var(--fs-xs);color:var(--ink-muted);text-align:center;line-height:1.4}#ui-root .leader-btn{width:100%;min-height:var(--tap-min);border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);color:var(--ink);font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;text-align:center;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);padding:8px 12px}#ui-root .leader-btn:active{box-shadow:none;background:linear-gradient(170deg,#e8d0a0,#d4b87a)}#ui-root .leader-btn:disabled{opacity:.45;cursor:not-allowed}#ui-root .advisor-host{z-index:40;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ui-root .advisor-host[hidden]{display:none}#ui-root .advisor-modal{width:min(720px,92vw);max-height:calc(var(--viewport-h) - 24px);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-inset), var(--panel-shadow);flex-direction:column;display:flex;overflow:hidden}#ui-root .advisor-titlebar{border-bottom:1px solid #b8924a66;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}#ui-root .advisor-title{font:700 var(--fs-xl)/1.2 var(--font-display);color:var(--ink)}#ui-root .advisor-close{border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);min-width:32px;min-height:32px;color:var(--ink-muted);font-size:var(--fs-md);cursor:pointer;background:0 0;padding:4px 8px;line-height:1;transition:background .1s}#ui-root .advisor-close:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .advisor-body{flex-direction:column;flex:1;gap:8px;padding:16px 20px 20px;display:flex;overflow-y:auto}#ui-root .adv-sub{font:400 var(--fs-sm)/1.4 var(--font-display);color:var(--ink-muted);font-style:italic}#ui-root .adv-section,#ui-root .adv-section-header{font:600 var(--fs-xs)/1.3 var(--font-data);letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase;margin-top:4px}#ui-root .adv-row{font:400 var(--fs-sm)/1.5 var(--font-data);color:var(--ink);justify-content:space-between;align-items:baseline;gap:12px;display:flex}#ui-root .adv-row.adv-row-tappable{appearance:none;width:100%;min-height:var(--tap-min);box-sizing:border-box;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--ink);text-align:left;cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 12px;margin:0;padding:8px 12px}#ui-root .adv-row.adv-row-tappable:active{transform:scale(.985)}#ui-root .adv-row-tappable .adv-row-name{flex:auto;min-width:0;font-weight:600}#ui-root .adv-row-tappable .adv-row-kind{white-space:normal}#ui-root .adv-row-tappable .adv-row-build{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);flex:100%}#ui-root .adv-row.adv-row-tappable.adv-row-disorder{border-color:var(--danger);background:linear-gradient(165deg,#f6dccf,#e8c4ae)}#ui-root .adv-row-warn{color:var(--danger);font-weight:600}#ui-root .adv-row-faint{color:var(--ink-muted);opacity:.8}#ui-root .adv-rates-readout{border-radius:calc(var(--radius) - 4px);font:600 var(--fs-sm)/1.4 var(--font-data);color:var(--ink);background:#ffffff59;border:1px solid #b8924a80;flex-wrap:wrap;gap:2px 14px;padding:6px 10px;display:flex}#ui-root .adv-rates-readout [data-readout=research]{color:var(--ink-muted);flex:100%;font-weight:400}#ui-root .adv-row-kind{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);white-space:nowrap}#ui-root .ss-part-row{justify-content:flex-start}#ui-root .ss-part-row .adv-row-name{flex:auto;min-width:0}#ui-root .ss-part{box-sizing:border-box;border:1px solid var(--panel-border);border-radius:2px;flex:none;align-self:center;width:10px;height:10px}#ui-root .ss-part.ss-built{background:var(--gold);border-color:var(--gold)}#ui-root .ss-rival-unknown .adv-row-kind{font-style:italic}#ui-root .ss-move-btn,#ui-root .ss-move-list button{border:1px solid var(--gold);min-height:44px;color:var(--gold);font:400 var(--fs-xs)/1 var(--font-data);cursor:pointer;background:0 0;border-radius:4px;flex:none;margin-left:8px;padding:0 12px}#ui-root .ss-move-list{flex-wrap:wrap;gap:6px;padding:4px 0 8px 18px;display:flex}#ui-root .ss-move-list[hidden]{display:none}#ui-root .ss-move-confirm{font-size:var(--fs-sm);color:var(--ink-muted);flex-basis:100%}#ui-root .adv-sort-row{flex-wrap:wrap;gap:4px;margin-bottom:2px;display:flex}#ui-root .adv-sort-chip{border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 4px);color:var(--ink-muted);font:400 var(--fs-xs)/1.2 var(--font-data);white-space:nowrap;cursor:pointer;background:#ffffff59;padding:4px 8px}#ui-root .adv-sort-chip--active{border-color:var(--gold);color:var(--ink);background:linear-gradient(170deg,#e8d0a0,#d4b870);font-weight:600}#ui-root .adv-divider{background:#b8924a59;flex-shrink:0;height:1px;margin:4px 0}#ui-root .adv-footer{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);opacity:.6}#ui-root .palace-screen-slot{pointer-events:none;position:absolute;inset:0}#ui-root .palace-screen{pointer-events:auto;z-index:200;color:var(--ink);background:#0e0e1c;flex-direction:column;display:flex;position:absolute;inset:0}#ui-root .palace-screen[hidden]{display:none}#ui-root .palace-titlebar{background:var(--panel-bg);border-bottom:1px solid var(--panel-border);box-shadow:var(--panel-shadow);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 8px;display:flex}#ui-root .palace-title{font:700 var(--fs-xl)/1.2 var(--font-display);color:var(--ink)}#ui-root .palace-close{border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);min-width:32px;min-height:32px;color:var(--ink-muted);font-size:var(--fs-md);cursor:pointer;background:0 0;padding:4px 8px;line-height:1}#ui-root .palace-close:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .palace-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto}#ui-root .palace-stage{flex-shrink:0;justify-content:center;display:flex}#ui-root .palace-canvas{aspect-ratio:4/3;width:min(100%, calc((var(--viewport-h) - 180px) * 4 / 3));image-rendering:pixelated;border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 4px);box-shadow:var(--panel-shadow);cursor:pointer;touch-action:manipulation;background:#6f8fb0;position:relative;overflow:hidden}#ui-root .palace-backdrop{background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}#ui-root .palace-backdrop--placeholder{background-image:linear-gradient(#7fa8d6 0%,#b9d3ea 58%,#6d8a4a 58%,#4f6b34 100%)}#ui-root .palace-pieces{position:absolute;inset:0}#ui-root .palace-piece{pointer-events:none;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;position:absolute}#ui-root .palace-piece--placeholder{text-align:center;box-sizing:border-box;font:600 var(--fs-xs)/1.1 var(--font-data);color:#ffffffeb;text-shadow:0 1px 1px #0009;background-color:#786450c7;border:1px solid #ffffff59;justify-content:center;align-items:center;padding:2px;display:flex}#ui-root .palace-piece--placeholder[data-style=american]{background-color:#b27042c7}#ui-root .palace-piece--placeholder[data-style=european]{background-color:#626876c7}#ui-root .palace-piece--placeholder[data-style=mediterranean]{color:var(--ink);text-shadow:none;background-color:#c4baa0d1}#ui-root .palace-piece--placeholder[data-style=mideast]{color:var(--ink);text-shadow:none;background-color:#cca860d1}#ui-root .palace-piece--placeholder[data-style=asian]{background-color:#a0342cc7}#ui-root .palace-piece--preview{opacity:.62;filter:saturate(.75);pointer-events:none}#ui-root .palace-piece--preview.palace-piece--placeholder{opacity:.78;filter:none}#ui-root .palace-highlight{z-index:40;box-sizing:border-box;border:2px solid var(--gold-bright);pointer-events:none;animation:1.2s ease-in-out infinite palace-highlight-pulse;position:absolute;box-shadow:0 0 0 2px #c8a24a59,inset 0 0 0 1px #00000059}#ui-root .palace-highlight[hidden]{display:none}@keyframes palace-highlight-pulse{0%,to{box-shadow:0 0 0 2px #c8a24a59,inset 0 0 0 1px #00000059}50%{box-shadow:0 0 0 5px #c8a24a8c,inset 0 0 0 1px #00000059}}#ui-root .palace-controls{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-inset), var(--panel-shadow);flex-direction:column;flex-shrink:0;gap:8px;padding:12px;display:flex}#ui-root .palace-status{font:400 var(--fs-sm)/1.4 var(--font-display);color:var(--ink-muted);font-style:italic}#ui-root .palace-styles,#ui-root .palace-chips{flex-wrap:wrap;gap:6px;display:flex}#ui-root .palace-style,#ui-root .palace-slot-chip{border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 4px);min-height:36px;color:var(--ink-muted);font:400 var(--fs-sm)/1.2 var(--font-data);white-space:nowrap;cursor:pointer;background:#ffffff59;padding:6px 10px}#ui-root .palace-style[aria-pressed=true],#ui-root .palace-slot-chip[aria-pressed=true]{border-color:var(--gold);color:var(--ink);background:linear-gradient(170deg,#e8d0a0,#d4b870);font-weight:600}#ui-root .palace-chips:empty:before{content:"—";color:var(--ink-muted);font:400 var(--fs-sm)/1.2 var(--font-data)}#ui-root .palace-place{min-width:120px;min-height:var(--tap-min);border:1px solid var(--gold);border-radius:calc(var(--radius) - 2px);color:var(--ink);font:700 var(--fs-md)/1.2 var(--font-display);cursor:pointer;box-shadow:var(--panel-inset);background:linear-gradient(170deg,#e8d0a0,#d4b870);align-self:flex-start;padding:8px 18px}#ui-root .palace-place:disabled{opacity:.45;cursor:default}#ui-root[data-orient=landscape] .palace-body{flex-direction:row;align-items:flex-start}#ui-root[data-orient=landscape] .palace-stage{flex:auto;min-width:0}#ui-root[data-orient=landscape] .palace-canvas{width:min(100%, calc((var(--viewport-h) - 90px) * 4 / 3))}#ui-root[data-orient=landscape] .palace-controls{max-height:calc(var(--viewport-h) - 80px);flex:0 0 260px;overflow-y:auto}#ui-root .modal-backdrop{height:var(--viewport-h);pointer-events:auto;z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ui-root .modal-backdrop[hidden]{display:none!important}#ui-root .modal-panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-inset), var(--panel-shadow);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(360px,92vw);padding:24px 20px 20px;display:flex}#ui-root .modal-title{font:700 var(--fs-lg)/1.25 var(--font-display);color:var(--ink)}#ui-root .modal-body{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink-muted)}#ui-root .modal-btn-row{gap:12px;width:100%;margin-top:4px;display:flex}#ui-root .modal-btn-row.modal-btn-stack{flex-direction:column;gap:8px}#ui-root .modal-btn-row.modal-btn-stack .modal-btn{flex:none;width:100%}#ui-root .choice-dialog .modal-panel{max-height:calc(var(--viewport-h) - 70px);overflow-y:auto}#ui-root .modal-btn{min-height:var(--tap-min);min-width:var(--tap-min);border-radius:var(--radius);font:600 var(--fs-sm)/1 var(--font-data);cursor:pointer;border:1px solid var(--panel-border);flex:1}#ui-root .modal-btn-primary{color:#fdf6e3;box-shadow:var(--panel-inset);background:linear-gradient(#c8a24a,#9c7a2a);border-color:#7a5e1e}#ui-root .modal-btn-primary:active{transform:scale(.97)}#ui-root .modal-btn-secondary{background:var(--panel-bg);color:var(--ink)}#ui-root .modal-btn-secondary:active{transform:scale(.97)}#ui-root .hotseat-dialog{z-index:210;background:#0a0a18f7}#ui-root .hotseat-player-name{font:700 var(--fs-title)/1.2 var(--font-display);color:var(--ink)}#ui-root .unload-row{width:100%;min-height:var(--tap-min);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--ink);font-family:var(--font-display);font-size:var(--fs-md);text-align:left;cursor:pointer;margin-bottom:4px;padding:10px 14px;display:block}#ui-root .unload-row:active{transform:scale(.97)}#ui-root .modal-close-btn{width:32px;height:32px;color:var(--ink-muted);font-size:var(--fs-xl);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;line-height:1;position:absolute;top:10px;right:10px}@media (hover:hover){#ui-root .modal-close-btn:hover{color:var(--ink);background:#00000014}}#ui-root .modal-panel{position:relative}#ui-root .found-city-dialog .found-city-input{box-sizing:border-box;width:100%;height:40px;font:400 var(--fs-md)/1.4 var(--font-display);color:var(--ink);border:1px solid var(--panel-border);border-radius:var(--radius);background:#f4e4b8;outline:none;padding:6px 10px}#ui-root .found-city-dialog .found-city-input:focus{border-color:var(--gold-bright);box-shadow:0 0 0 2px #c8a24a59}#ui-root .election-modal{z-index:200}#ui-root .election-row{min-height:var(--tap-min);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);align-items:center;margin-bottom:6px;display:flex;overflow:hidden}#ui-root .election-band{flex:0 0 8px;align-self:stretch}#ui-root .election-row-label{color:var(--ink);font-family:var(--font-display);font-size:var(--fs-md);flex:1;padding:10px 14px}#ui-root .election-row-btn{text-align:left;cursor:pointer;background:0 0;border:none;width:100%}#ui-root .election-row-btn:active{background:#0000000f}#ui-root .election-footer-btn{margin-top:16px;display:block}#ui-root .cities-list .modal-panel{width:min(480px,96vw);max-height:calc(var(--viewport-h) - 24px);text-align:left;align-items:stretch;gap:0;padding:0}#ui-root .cities-list-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}#ui-root .cities-list-title{font:700 var(--fs-xl)/1.25 var(--font-display);color:var(--ink)}#ui-root .cities-list-count{font:400 var(--fs-xs)/1.2 var(--font-data);color:var(--ink-muted);flex-shrink:0;padding:0 20px 10px}#ui-root .cities-list-empty{color:var(--ink-muted);font-size:var(--fs-sm);padding:12px 20px}#ui-root .cities-list-body{flex:auto;padding:4px 12px 16px;overflow-y:auto}#ui-root .city-row{width:100%;min-height:var(--tap-min);border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);flex-direction:column;align-items:flex-start;margin-bottom:6px;padding:8px 12px;display:flex}#ui-root .city-row:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .city-row:last-child{margin-bottom:0}#ui-root .city-row-primary{font:600 var(--fs-sm)/1.4 var(--font-display);color:var(--ink)}#ui-root .city-row-secondary{font:400 var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted)}#ui-root .city-row-disorder{border-color:var(--danger);background:linear-gradient(170deg,#f8e0d8,#e8b8a0)}#ui-root .city-row-disorder .city-row-primary{color:var(--danger)}#ui-root .save-load.modal-backdrop{box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 0;display:block;overflow-y:auto}#ui-root .save-load .modal-panel{text-align:left;align-items:stretch;gap:0;width:min(480px,96vw);max-height:none;margin:0 auto;padding:0}#ui-root .sl-header{flex-direction:column;flex-shrink:0;padding:16px 52px 8px 20px;display:flex;position:relative}#ui-root .sl-title{font:700 var(--fs-xl)/1.25 var(--font-display);color:var(--ink)}#ui-root .sl-sublabel{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);margin-top:2px}#ui-root .sl-section-header{font:700 var(--fs-xs)/1 var(--font-data);color:var(--gold);letter-spacing:.06em;flex-shrink:0;padding:10px 20px 4px}#ui-root .sl-transfer{border-top:1px solid #b8862f47;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}#ui-root .sl-transfer-area{box-sizing:border-box;resize:vertical;width:100%;font-family:monospace;font-size:var(--fs-sm);color:#f4e4b8;background:#0000002e;border:1px solid #b8862f66;border-radius:6px;padding:8px;line-height:1.3}#ui-root .sl-transfer-area::placeholder{color:#f4e4b873}#ui-root .sl-picker-row{align-items:center;gap:8px;padding:4px 20px;display:flex}#ui-root .sl-picker-label{font:400 var(--fs-sm)/1 var(--font-display);color:var(--ink-muted);flex-shrink:0;width:40px}#ui-root .sl-picker{flex-wrap:wrap;gap:4px;display:flex}#ui-root .sl-pill{border:1px solid var(--panel-border);background:var(--panel-bg);min-width:28px;height:26px;color:var(--ink-muted);font:600 var(--fs-xs)/1 var(--font-data);cursor:pointer;border-radius:4px;padding:0 6px}#ui-root .sl-pill:active{transform:scale(.95)}#ui-root .sl-pill.active{color:#fdf6e3;background:linear-gradient(#c8a24a,#9c7a2a);border-color:#7a5e1e}#ui-root .sl-picker-dims{font:400 var(--fs-xs)/1 var(--font-data);color:var(--ink-muted);white-space:nowrap}#ui-root .sl-start-btn{color:#fdf6e3;border-radius:var(--radius);height:40px;font:600 var(--fs-sm)/1 var(--font-data);cursor:pointer;box-shadow:var(--panel-inset);background:linear-gradient(#c8a24a,#9c7a2a);border:1px solid #7a5e1e;margin:10px 20px 14px auto;padding:0 20px;display:block}#ui-root .sl-start-btn:active{transform:scale(.97)}#ui-root .sl-slot{border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);background:linear-gradient(170deg,#f9f0d8,#e8d0a0);align-items:center;gap:8px;min-height:56px;margin:4px 12px;padding:8px 10px;display:flex}#ui-root .sl-slot:last-child{margin-bottom:12px}#ui-root .sl-slot-info{flex:auto;min-width:0}#ui-root .sl-slot-primary{font:600 var(--fs-sm)/1.4 var(--font-display);color:var(--ink)}#ui-root .sl-slot-primary.sl-slot-empty{color:var(--ink-muted);font-weight:400}#ui-root .sl-slot-secondary{font:400 var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted)}#ui-root .sl-slot-btns{flex-shrink:0;gap:4px;display:flex}#ui-root .sl-slot-btn{background:var(--panel-bg);border:1px solid var(--panel-border);height:28px;color:var(--ink);font:600 var(--fs-xs)/1 var(--font-data);cursor:pointer;white-space:nowrap;border-radius:4px;padding:0 10px}#ui-root .sl-slot-btn:active{transform:scale(.95)}#ui-root .sl-slot-btn-danger{color:var(--danger);border-color:var(--danger)}#ui-root .sl-toast{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink);white-space:nowrap;pointer-events:none;z-index:201;padding:8px 18px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}#ui-root .sl-toast[hidden]{display:none}#ui-root .settings-screen .modal-panel{width:min(400px,96vw);max-height:calc(var(--viewport-h) - 24px);text-align:left;align-items:stretch;gap:0;padding:0;overflow-y:auto}#ui-root .ss-header{flex-direction:column;flex-shrink:0;padding:16px 52px 8px 20px;display:flex;position:relative}#ui-root .ss-title{font:700 var(--fs-xl)/1.25 var(--font-display);color:var(--ink)}#ui-root .ss-sublabel{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);margin-top:2px}#ui-root .ss-action-btn{width:calc(100% - 40px);min-height:var(--tap-min);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--ink);font:600 var(--fs-sm)/1 var(--font-display);cursor:pointer;text-align:center;margin:4px 20px;padding:0 14px;display:block}#ui-root .ss-action-btn:active{transform:scale(.97)}#ui-root .ss-divider{background:var(--panel-border);opacity:.4;height:1px;margin:8px 20px}#ui-root .ss-section-header{font:700 var(--fs-xs)/1 var(--font-data);color:var(--gold);letter-spacing:.06em;flex-shrink:0;padding:10px 20px 4px}#ui-root .ss-toggle-row{justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:6px 20px;display:flex}@media (hover:hover){#ui-root .ss-toggle-row:not(.disabled):hover{background:#0000000a}}#ui-root .ss-toggle-row.disabled{opacity:.5}#ui-root .ss-toggle-label{font:400 var(--fs-sm)/1.3 var(--font-display);color:var(--ink);flex:1}#ui-root .ss-toggle-pill{background:var(--panel-bg);border:1px solid var(--panel-border);min-width:48px;height:26px;color:var(--ink-muted);font:600 var(--fs-xs)/1 var(--font-data);cursor:pointer;border-radius:13px;flex-shrink:0;padding:0 8px}#ui-root .ss-toggle-pill.on{color:#fdf6e3;background:linear-gradient(#c8a24a,#9c7a2a);border-color:#7a5e1e}#ui-root .ss-toggle-pill:disabled{cursor:default}#ui-root .ss-matrix{margin:2px 20px 6px}#ui-root .ss-matrix-hdr-row,#ui-root .ss-matrix-row{align-items:center;gap:6px;padding:2px 0;display:flex}#ui-root .ss-matrix-group-label{font:400 var(--fs-xs)/1.2 var(--font-data);color:var(--ink-muted);flex:1;min-width:100px}#ui-root .ss-matrix-col-label{font:600 var(--fs-xs)/1 var(--font-data);color:var(--gold);text-align:center;flex-shrink:0;width:54px}#ui-root .ss-matrix-cell{background:var(--panel-bg);border:1px solid var(--panel-border);width:54px;height:32px;color:var(--ink-muted);font:600 var(--fs-md)/1 var(--font-data);cursor:pointer;border-radius:4px;flex-shrink:0}#ui-root .ss-matrix-cell.on{color:#fdf6e3;background:linear-gradient(#c8a24a,#9c7a2a);border-color:#7a5e1e}#ui-root .ss-matrix-cell:active{transform:scale(.93)}#ui-root .ss-speed-label{font:400 var(--fs-sm)/1 var(--font-display);color:var(--ink-muted);padding:8px 20px 4px}#ui-root .ss-seg-row{gap:6px;padding:0 20px 8px;display:flex}#ui-root .ss-seg{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);min-height:34px;color:var(--ink);font:600 var(--fs-sm)/1 var(--font-data);cursor:pointer;flex:1}#ui-root .ss-seg.active{color:#fdf6e3;background:linear-gradient(#c8a24a,#9c7a2a);border-color:#7a5e1e}#ui-root .ss-seg:active{transform:scale(.96)}#ui-root .pedia-panel{max-height:calc(var(--viewport-h) - 24px);flex-direction:column;width:min(700px,96vw);display:flex;overflow:hidden;container:pedia/inline-size}#ui-root .pedia-header{border-bottom:1px solid var(--panel-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex}#ui-root .pedia-title{font:700 var(--fs-lg)/1 var(--font-display);color:var(--ink)}#ui-root .pedia-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@container pedia (width>=560px){#ui-root .pedia-body{flex-direction:row}}#ui-root .pedia-cats{border-bottom:1px solid var(--panel-border);flex-flow:wrap;flex-shrink:0;gap:2px;padding:6px;display:flex;overflow-y:auto}@container pedia (width>=560px){#ui-root .pedia-cats{border-bottom:none;border-right:1px solid var(--panel-border);flex-flow:column;width:130px;padding:6px 4px}}#ui-root .pedia-cat{min-height:30px;color:var(--ink);font:400 var(--fs-xs)/1.3 var(--font-data);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;flex:1 0 auto;padding:4px 8px}@media (hover:hover){#ui-root .pedia-cat:hover{background:#b8862f26}}#ui-root .pedia-cat.active{color:#fdf6e3;background:linear-gradient(#c8a24a,#9c7a2a);border-color:#7a5e1e;font-weight:600}#ui-root .pedia-entries{max-height:calc(var(--viewport-h) * .35);border-bottom:1px solid var(--panel-border);flex-direction:column;flex-shrink:0;gap:1px;padding:4px;display:flex;overflow-y:auto}@container pedia (width>=560px){#ui-root .pedia-entries{border-bottom:none;border-right:1px solid var(--panel-border);width:150px;max-height:none}}#ui-root .pedia-entry{min-height:26px;color:var(--ink);font:400 var(--fs-xs)/1.4 var(--font-data);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 8px}@media (hover:hover){#ui-root .pedia-entry:hover{background:#b8862f1f}}@media (pointer:coarse){#ui-root .pedia-cat,#ui-root .pedia-entry{min-height:var(--tap-min)}}#ui-root .pedia-entry.active{border-color:var(--panel-border);background:#b8862f40;font-weight:600}#ui-root .pedia-detail{flex:1;min-width:0;padding:10px 14px 16px;overflow-y:auto}#ui-root .pedia-detail-name{font:700 var(--fs-md)/1.3 var(--font-display);color:var(--gold);margin:0 0 6px}#ui-root .pedia-detail-summary{font:400 var(--fs-sm)/1.5 var(--font-data);color:var(--ink-muted);margin:0 0 8px}#ui-root .pedia-prose{font:400 var(--fs-sm)/1.6 var(--font-display);color:var(--ink);margin:0 0 10px}#ui-root .pedia-link{color:var(--gold-bright);cursor:pointer;text-decoration:underline}@media (hover:hover){#ui-root .pedia-link:hover{color:var(--gold)}}#ui-root .pedia-detail-rows{grid-template-columns:auto 1fr;gap:2px 12px;margin:8px 0 0;display:grid}#ui-root .pedia-detail-label{font:600 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted)}#ui-root .pedia-detail-value{font:400 var(--fs-xs)/1.4 monospace;color:var(--ink);word-break:break-word;margin:0}#ui-root .victory-screen .modal-panel.vp-panel{width:min(520px,96vw);max-height:calc(var(--viewport-h) - 24px);text-align:left;align-items:stretch;gap:8px;overflow-y:auto}#ui-root .vp-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}#ui-root .vp-title{font:700 var(--fs-xl)/1.2 var(--font-display);color:var(--ink)}#ui-root .vp-sub{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink-muted);margin-bottom:4px}#ui-root .vp-condition{background:#b8862f14;border:1px solid #b8862f40;border-radius:6px;padding:8px 10px}#ui-root .vp-condition--lead{background:#b8862f2e;border-color:#b8862f80}#ui-root .vp-condition-label{font:700 var(--fs-xs)/1.3 var(--font-display);color:var(--gold);letter-spacing:.04em;margin-bottom:4px}#ui-root .vp-leader-row{align-items:center;gap:6px;margin-top:6px;display:flex}#ui-root .vp-civ-chip{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}#ui-root .vp-civ-name{font:400 var(--fs-xs)/1 var(--font-data);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#ui-root .vp-pct{font:600 var(--fs-xs)/1 monospace;color:var(--ink-muted);flex-shrink:0}#ui-root .vp-bar{background:#3d281726;border-radius:4px;height:8px;margin:2px 0 0;overflow:hidden}#ui-root .vp-bar-fill{border-radius:4px;height:100%;transition:width .15s}#ui-root .vp-detail{font:400 var(--fs-xs)/1.3 monospace;color:var(--ink-muted);margin-top:2px}#ui-root .vp-no-civs{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);font-style:italic}#ui-root .vp-tab-strip{gap:4px;margin:4px 0;display:flex}#ui-root .vp-tab{min-height:var(--tap-min);min-width:var(--tap-min);border:1px solid var(--panel-border);font:400 var(--fs-sm)/1 var(--font-data);color:var(--ink-muted);cursor:pointer;background:#b8862f0f;border-radius:6px;flex:1;padding:4px 2px}#ui-root .vp-tab--active{color:var(--ink);background:#b8862f38;font-weight:700}#ui-root .vp-tab-content{flex-direction:column;gap:6px;display:flex}#ui-root .vp-table{border-collapse:collapse;width:100%;font:400 var(--fs-xs)/1.4 monospace}#ui-root .vp-table th{font:700 var(--fs-xs)/1.3 var(--font-display);color:var(--gold);text-align:right;border-bottom:1px solid #b8862f4d;padding:2px 4px}#ui-root .vp-table th:first-child{text-align:left}#ui-root .vp-table td{text-align:right;color:var(--ink);padding:3px 4px}#ui-root .vp-table td:first-child{text-align:left;align-items:center;gap:5px;display:flex}#ui-root .vp-table tr:nth-child(2n) td{background:#0000000a}#ui-root .vp-svg{width:100%;overflow:hidden}#ui-root .vp-legend{flex-direction:column;gap:3px;margin-top:6px;display:flex}#ui-root .vp-legend-row{font:400 var(--fs-xs)/1.3 var(--font-data);color:var(--ink);align-items:center;gap:6px;display:flex}#ui-root .vp-legend-swatch{flex-shrink:0;width:14px;height:4px;display:inline-block}#ui-root .vp-wonder-group{margin-bottom:6px}#ui-root .vp-wonder-group-header{font:700 var(--fs-sm)/1.3 var(--font-display);color:var(--ink);align-items:center;gap:6px;margin-bottom:3px;display:flex}#ui-root .vp-wonder-row{font:400 var(--fs-xs)/1.4 monospace;color:var(--ink-muted);padding-left:18px}#ui-root .vp-replay-card{background:#b8862f1a;border:1px solid #b8862f4d;border-radius:6px;padding:8px 10px}#ui-root .vp-replay-card--active{background:#b8862f2e;border-color:#b8862f8c}#ui-root .vp-replay-head{font:700 var(--fs-sm)/1.3 var(--font-display);color:var(--ink);margin-bottom:8px}#ui-root .vp-replay-btn-row{gap:10px;display:flex}#ui-root .vp-btn{min-height:var(--tap-min);min-width:var(--tap-min);font:600 var(--fs-md)/1 var(--font-data);cursor:pointer;color:#fff;border:none;border-radius:6px;flex:1}#ui-root .vp-btn--continue{background:#2e7d32}@media (hover:hover){#ui-root .vp-btn--continue:hover{background:#388e3c}}#ui-root .vp-btn--retire{background:#8b2a1a}@media (hover:hover){#ui-root .vp-btn--retire:hover{background:#a33220}}#ui-root .vp-replay-row{font:400 var(--fs-sm)/1.5 var(--font-data);color:var(--ink-muted);border-radius:4px;padding:4px 6px}#ui-root .vp-replay-row--last{color:var(--ink);background:#b8862f1a}#ui-root .vp-empty{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);font-style:italic}#ui-root .modal-backdrop.governor-sheet{z-index:210}#ui-root .governor-sheet .modal-panel.gov-panel{width:min(400px,96vw);max-height:calc(var(--viewport-h) - 24px);text-align:left;align-items:stretch;gap:6px;padding:16px 16px 20px;overflow-y:auto}#ui-root .gov-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}#ui-root .gov-title{font:700 var(--fs-md)/1.3 var(--font-display);color:var(--ink);flex:1}#ui-root .gov-section-label{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);margin-top:4px}#ui-root .gov-toggle-row{gap:8px;display:flex}#ui-root .gov-toggle{min-height:var(--tap-min);min-width:var(--tap-min);border:1px solid var(--panel-border);font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink);text-align:left;cursor:pointer;background:#b8862f14;border-radius:6px;flex:1;padding:4px 8px}#ui-root .gov-toggle.on{border-color:var(--gold);background:#b8862f38}#ui-root .gov-scope-row{gap:6px;display:flex}#ui-root .gov-scope{min-height:var(--tap-min);min-width:var(--tap-min);border:1px solid var(--panel-border);font:400 var(--fs-sm)/1.3 var(--font-data);color:var(--ink);cursor:pointer;background:#b8862f14;border-radius:6px;flex:1;padding:4px 6px}#ui-root .gov-scope.active{border-color:var(--gold);background:#b8862f47;font-weight:600}#ui-root .gov-pref-row{min-height:var(--tap-min);align-items:center;gap:6px;display:flex}#ui-root .gov-pref-label{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink);flex:0 0 110px}#ui-root .gov-pills{flex:1;gap:4px;display:flex}#ui-root .gov-pill{min-height:var(--tap-min);min-width:var(--tap-min);border:1px solid var(--panel-border);font:400 var(--fs-sm)/1.3 var(--font-data);color:var(--ink);cursor:pointer;background:#b8862f14;border-radius:6px;flex:1;padding:4px}#ui-root .gov-pill.active{border-color:var(--gold);background:#b8862f47;font-weight:600}#ui-root .gov-footer{gap:10px;margin-top:8px;display:flex}#ui-root .gov-btn{min-height:var(--tap-min);min-width:var(--tap-min);border:1px solid var(--panel-border);font:600 var(--fs-md)/1 var(--font-data);cursor:pointer;border-radius:6px;flex:1}#ui-root .gov-btn-apply{background:var(--gold);color:#fff}@media (hover:hover){#ui-root .gov-btn-apply:hover{background:var(--gold-bright)}}#ui-root .gov-btn-cancel{color:var(--ink);background:#b8862f14}@media (hover:hover){#ui-root .gov-btn-cancel:hover{background:#b8862f2e}}#ui-root .city-screen.modal-backdrop{pointer-events:none;background:0 0;justify-content:stretch;align-items:stretch}#ui-root .city-screen .modal-panel.cs-panel{width:100vw;max-width:none;height:var(--viewport-h);box-sizing:border-box;-webkit-overflow-scrolling:touch;max-height:none;box-shadow:none;pointer-events:none;background:0 0;border:none;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}#ui-root .city-screen .cs-header,#ui-root .city-screen .cs-region{pointer-events:auto}#ui-root .city-screen .cs-region-map{pointer-events:none;box-shadow:none!important;background:0 0!important;border:none!important}#ui-root .city-screen .cs-grid,#ui-root[data-layout=compact][data-orient=portrait] .city-screen .cs-grid{grid-template-columns:1fr;grid-template-rows:auto auto minmax(calc(var(--viewport-h) * .28), 1fr) minmax(0, 1.5fr) minmax(0, .5fr) calc(var(--viewport-h) * .34);grid-template-areas:"header""citizens""map""spec""owned""build";gap:0;width:100%;height:100%;padding:0;display:grid}#ui-root .city-screen .cs-header{grid-area:header}#ui-root .city-screen .cs-region-citizens{grid-area:citizens}#ui-root .city-screen .cs-region-spec{grid-area:spec}#ui-root .city-screen .cs-region-owned{grid-area:owned}#ui-root .city-screen .cs-region-build{grid-area:build}#ui-root .city-screen .cs-region-map{min-height:calc(var(--viewport-h) * .28);grid-area:map}#ui-root .city-screen .cs-side,#ui-root .city-screen .cs-side-scroll{display:contents}#ui-root .city-screen .cs-region-spec,#ui-root .city-screen .cs-region-owned,#ui-root .city-screen .cs-region-build{flex-direction:column;min-height:0;display:flex;overflow:hidden}#ui-root .city-screen .cs-acc-body{flex:auto;min-height:0;padding:4px 12px;overflow:hidden auto}#ui-root .city-screen .cs-acc-head{display:none}#ui-root[data-layout=compact] .city-screen .cs-acc-head{height:var(--tap-min);min-height:var(--tap-min);color:var(--ink);font:700 var(--fs-sm)/1 var(--font-display);text-align:left;cursor:pointer;pointer-events:auto;white-space:nowrap;background:#b8862f1a;border:none;border-radius:0;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}#ui-root[data-layout=compact] .city-screen .cs-region[data-open="1"]>.cs-acc-head{background:#b8862f38}#ui-root[data-layout=compact] .city-screen .cs-acc-sum{text-overflow:ellipsis;text-align:right;min-width:0;font:var(--fs-xs)/1 var(--font-data);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:auto;overflow:hidden}#ui-root[data-layout=compact] .city-screen .cs-acc-sum-empty{color:var(--gold);font-weight:700}#ui-root[data-layout=compact] .city-screen .cs-region:not([data-open="1"])>.cs-acc-body,#ui-root[data-layout=compact] .city-screen .cs-build-grid>.cs-section-header{display:none}#ui-root[data-layout=compact][data-orient=portrait] .city-screen .cs-grid[data-cs-open=spec]{grid-template-rows:auto auto minmax(calc(var(--viewport-h) * .28), 1fr) minmax(0, 1.6fr) calc(var(--tap-min) + 2px) calc(var(--tap-min) + 2px)}#ui-root[data-layout=compact][data-orient=portrait] .city-screen .cs-grid[data-cs-open=owned]{grid-template-rows:auto auto minmax(calc(var(--viewport-h) * .28), 1fr) calc(var(--tap-min) + 2px) minmax(0, 1.6fr) calc(var(--tap-min) + 2px)}#ui-root[data-layout=compact][data-orient=portrait] .city-screen .cs-grid[data-cs-open=build]{grid-template-rows:auto auto minmax(calc(var(--viewport-h) * .28), 1fr) calc(var(--tap-min) + 2px) calc(var(--tap-min) + 2px) minmax(0, 1.6fr)}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-grid{grid-template:"header header""citizens side""map side"minmax(0,1fr)/minmax(0,55%) minmax(0,45%)}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-region-map{min-height:calc(var(--viewport-h) * .6)}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-side{grid-area:side;grid-template-rows:minmax(0, 1fr) calc(var(--tap-min) + 2px) calc(var(--tap-min) + 2px);background:#efe1c0f7;min-width:0;min-height:0;display:grid}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-grid[data-cs-open=owned] .cs-side{grid-template-rows:calc(var(--tap-min) + 2px) minmax(0, 1fr) calc(var(--tap-min) + 2px)}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-grid[data-cs-open=build] .cs-side{grid-template-rows:calc(var(--tap-min) + 2px) calc(var(--tap-min) + 2px) minmax(0, 1fr)}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-side-scroll{display:contents}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-region-spec{grid-area:1/1}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-region-owned{grid-area:2/1}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-region-build{grid-area:3/1}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-region-build>.cs-acc-body{gap:4px;padding:2px 8px}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-build-grid{gap:2px}#ui-root[data-layout=compact][data-orient=landscape] .city-screen .cs-build-grid>.cs-sub-header{display:none}#ui-root[data-layout=regular][data-orient=landscape] .city-screen .cs-grid,#ui-root[data-layout=wide] .city-screen .cs-grid{grid-template-columns:minmax(220px,1fr) minmax(0,2fr) minmax(260px,1fr);grid-template-rows:auto auto minmax(calc(var(--viewport-h) * .4), 2fr) minmax(0, 1fr);grid-template-areas:"header header header""spec citizens build""spec map build""spec owned build"}#ui-root[data-layout=regular][data-orient=landscape] .city-screen .cs-region-map,#ui-root[data-layout=wide] .city-screen .cs-region-map{min-height:calc(var(--viewport-h) * .4)}#ui-root .city-screen .cs-region{box-shadow:var(--panel-shadow);background:linear-gradient(165deg,#f6ecd2f7,#e8d6aef7);border:1px solid #b8862f80;padding:4px 12px}#ui-root .city-screen .cs-region-spec,#ui-root .city-screen .cs-region-owned,#ui-root .city-screen .cs-region-build{padding:0}#ui-root .city-screen .cs-region-owned{background:#efe1c0f7}#ui-root .city-screen .cs-region-owned>.cs-acc-body{background:linear-gradient(#efe1c0f7 30%,#efe1c000) top/100% 24px no-repeat local,linear-gradient(#efe1c000,#efe1c0f7 70%) bottom/100% 24px no-repeat local,radial-gradient(farthest-side at 50% 0,#32220c47,#0000) top/100% 10px no-repeat,radial-gradient(farthest-side at 50% 100%,#32220c47,#0000) bottom/100% 10px no-repeat,#efe1c0f7}#ui-root .city-screen .cs-region-summary{display:none}#ui-root .city-screen .cs-spec-stats{border-bottom:1px solid #b8862f66;margin-bottom:6px;padding-bottom:6px}#ui-root .city-screen .cs-region-build{border-radius:0}#ui-root .city-screen .cs-region-build>.cs-acc-body{flex-direction:column;gap:6px;display:flex}#ui-root .city-screen .cs-build-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}#ui-root .city-screen .cs-build-grid{text-align:left;grid-template-columns:1fr;align-content:start;gap:4px;display:grid}#ui-root .city-screen .cs-build-grid>.cs-section-header,#ui-root .city-screen .cs-build-grid>.cs-sub-header{grid-column:1/-1}#ui-root .city-screen .cs-spec-cards{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));align-content:start;gap:4px 8px;display:grid}#ui-root .city-screen .cs-spec-cards .cs-spec-row{background:#b8862f0d;border:1px solid #b8862f4d;border-radius:5px;flex-flow:wrap;align-items:center;gap:2px 8px;width:auto;padding:3px 8px;display:flex}#ui-root .city-screen .cs-spec-cards .cs-spec-label,#ui-root .city-screen .cs-spec-cards .cs-spec-yield{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}#ui-root .city-screen .cs-spec-cards .cs-spec-label{flex:0 auto;font-weight:600}#ui-root .city-screen .cs-spec-cards .cs-spec-yield{text-align:right;flex:auto}#ui-root .city-screen .cs-spec-cards .cs-spec-steppers{flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}#ui-root .city-screen .cs-region-owned .cs-owned{flex-wrap:wrap;gap:4px 6px;padding:0;display:flex}#ui-root .city-screen .cs-owned-chip{font:var(--fs-xs)/1.2 var(--font-data);color:var(--science);text-overflow:ellipsis;white-space:nowrap;background:#b8862f0d;border:1px solid #b8862f59;border-radius:10px;min-width:0;max-width:100%;padding:2px 7px;overflow:hidden}#ui-root .city-screen .cs-chip-maint{color:var(--ink-muted);font-weight:400}#ui-root .city-screen .cs-maint-line{font:var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);padding-top:4px}#ui-root .city-screen .cs-wonders-owned .cs-owned-chip{color:var(--gold)}#ui-root[data-city-view="1"] .ribbon-slot,#ui-root[data-city-view="1"] .action-slot,#ui-root[data-city-view="1"] .rail-nav-slot,#ui-root[data-city-view="1"] .advisor-nav-slot,#ui-root[data-city-view="1"] .inspector-slot,#ui-root[data-city-view="1"] .minimap-slot,#ui-root[data-city-view="1"] .leader-panel-slot,#ui-root[data-city-view="1"] .diplomacy-screen-slot,#ui-root[data-city-view="1"] .advisor-host-slot,#ui-root[data-city-view="1"] .gw-sun-slot{display:none!important}#ui-root[data-city-view="1"] .tile-info-backdrop{z-index:210}#ui-root .city-screen.readonly .cs-abandon-btn,#ui-root .city-screen.readonly .cs-rename-btn,#ui-root .city-screen.readonly .cs-rush-btn,#ui-root .city-screen.readonly .cs-build-grid,#ui-root .city-screen.readonly .cs-spec-steppers,#ui-root .city-screen.readonly .cs-gov-row,#ui-root .city-screen.readonly .cs-nav-prev,#ui-root .city-screen.readonly .cs-nav-next,#ui-root .city-screen.readonly .cs-mood-why{display:none!important}#ui-root .city-screen.readonly .cs-citizen.specialist{pointer-events:none}#ui-root .city-screen .cs-header{box-sizing:border-box;z-index:1;background:linear-gradient(165deg,#f6ecd2f7,#e8d6aef7);border-bottom:1px solid #b8862f80;justify-content:center;align-items:center;gap:4px;width:100%;padding:4px 12px;display:flex;position:relative}#ui-root .city-screen .cs-header .modal-close-btn{min-width:var(--tap-min);min-height:var(--tap-min);flex:none;position:static}#ui-root .city-screen .cs-city-name{font:700 var(--fs-xl)/1.2 var(--font-display);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:auto;min-width:0;overflow:hidden}#ui-root .city-screen .cs-nav-prev,#ui-root .city-screen .cs-nav-next{min-width:var(--tap-min);min-height:var(--tap-min);font:700 var(--fs-md)/1 var(--font-data);border:1px solid var(--panel-border);color:var(--ink);cursor:pointer;pointer-events:auto;background:#b8862f14;border-radius:4px;flex:none;padding:0 6px}#ui-root .city-screen .cs-nav-prev:active,#ui-root .city-screen .cs-nav-next:active{background:#b8862f38}#ui-root .city-screen .cs-rename-btn{font:var(--fs-md)/1 var(--font-display);color:var(--ink-muted);cursor:pointer;vertical-align:middle;background:0 0;border:none;flex:none;padding:2px 6px;position:relative}#ui-root .city-screen .cs-rename-btn:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){#ui-root .city-screen .cs-rename-btn:hover{color:var(--ink)}}#ui-root .city-screen .cs-rename-input{font:700 var(--fs-lg)/1.2 var(--font-display);color:var(--ink);border:1px solid var(--panel-border);background:#fff9;border-radius:3px;width:12ch;padding:1px 6px}#ui-root .city-screen .cs-city-pop{font:600 var(--fs-sm)/1 var(--font-data);color:var(--ink-muted);white-space:nowrap;flex:none;padding:0 4px}#ui-root .city-screen .cs-yields{grid-template-columns:auto 1fr;align-items:baseline;gap:1px 10px;display:grid}#ui-root .city-screen .cs-stat-k{white-space:nowrap}#ui-root .city-screen .cs-stat-v{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}#ui-root .city-screen .cs-stat-v.cs-stat-bad{color:var(--danger,#a33)}#ui-root .city-screen .cs-yields,#ui-root .city-screen .cs-mood,#ui-root .city-screen .cs-build-current{font:var(--fs-sm)/1.4 var(--font-data);color:var(--ink-muted);padding:0 16px}#ui-root .city-screen .cs-region .cs-yields,#ui-root .city-screen .cs-region .cs-mood,#ui-root .city-screen .cs-region .cs-build-current{padding:0}#ui-root .city-screen .cs-growth-bad{color:var(--danger)}#ui-root .city-screen .cs-growth-warn{color:var(--gold)}#ui-root .city-screen .cs-mood.cs-disorder{color:var(--danger);font-weight:700}#ui-root .city-screen .cs-mood-why{font:700 var(--fs-xs)/1 var(--font-data);border:1px solid var(--panel-border);color:var(--gold);cursor:pointer;pointer-events:auto;background:#b8862f14;border-radius:12px;align-items:center;margin:2px 0;padding:0 10px;display:inline-flex}#ui-root .city-screen .cs-mood-breakdown{border-left:2px solid #b8862f59;flex-direction:column;gap:1px;padding:2px 0 4px 8px;display:flex}#ui-root .city-screen .cs-mood-breakdown[hidden]{display:none}#ui-root .city-screen .cs-mood-line,#ui-root .city-screen .cs-corruption-line,#ui-root .city-screen .cs-culture-line,#ui-root .city-screen .cs-pollution-line,#ui-root .city-screen .cs-celebrate-line{font:var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);font-variant-numeric:tabular-nums}#ui-root .city-screen .cs-pollution-line{color:var(--danger)}#ui-root .city-screen .cs-celebrate-line{color:var(--gold);font-weight:700}#ui-root .city-screen .cs-resources{font:var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);flex-direction:column;gap:2px;display:flex}#ui-root .city-screen .cs-res-group{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}#ui-root .city-screen .cs-res-label{color:var(--ink);font-weight:700}#ui-root .city-screen .cs-res{color:var(--ink);align-items:center;gap:3px;display:inline-flex}#ui-root .city-screen .cs-res-icon{flex-shrink:0;position:relative}#ui-root .city-screen .cs-box-food,#ui-root .city-screen .cs-box-shields{grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;margin-top:4px;display:grid}#ui-root .city-screen .cs-box-label{font:700 var(--fs-xs)/1.2 var(--font-display);color:var(--gold)}#ui-root .city-screen .cs-box-nums{font:var(--fs-xs)/1.2 var(--font-data);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}#ui-root .city-screen .cs-box-cells,#ui-root .city-screen .cs-box-scale,#ui-root .city-screen .cs-box-eta{grid-column:1/-1}#ui-root .city-screen .cs-box-eta{font:var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted)}#ui-root .city-screen .cs-box-scale{font:italic var(--fs-xs)/1.2 var(--font-data);color:var(--ink-muted)}#ui-root .city-screen .cs-box-cells{grid-template-columns:repeat(10,12px);justify-content:start;gap:1px;margin:1px 0;display:grid}#ui-root .city-screen .cs-cell{--cell:#6db33f;--cell-edge:#3f6f22;box-sizing:border-box;border:1px solid var(--cell-edge);background:#3a2a161f;border-radius:2px;width:12px;height:12px}#ui-root .city-screen .cs-box-shields .cs-cell{--cell:#b8862f;--cell-edge:#7a5314}#ui-root .city-screen .cs-cell.filled{background:var(--cell);box-shadow:inset 1px 1px #ffffff59}#ui-root .city-screen .cs-cell.gain{background:color-mix(in srgb, var(--cell) 45%, #fff);border-style:dashed}#ui-root .city-screen .cs-cell.loss{background:var(--danger);border-color:#5e1a13}#ui-root .city-screen .cs-gov-row{gap:4px;margin-bottom:6px;display:flex}#ui-root .city-screen .cs-gov-btn{min-width:0;font:700 var(--fs-xs)/1 var(--font-data);border:1px solid var(--panel-border);color:var(--ink);cursor:pointer;pointer-events:auto;background:#b8862f14;border-radius:4px;flex:1;padding:6px 4px}#ui-root .city-screen .cs-gov-btn.active{background:var(--gold);color:#fff;border-color:var(--gold-bright)}#ui-root .city-screen .cs-gov-open{min-width:var(--tap-min);font:var(--fs-md)/1 var(--font-data);border:1px solid var(--panel-border);color:var(--ink-muted);cursor:pointer;pointer-events:auto;background:#b8862f0f;border-radius:4px;flex:none;padding:0 6px}@media (hover:hover){#ui-root .city-screen .cs-gov-open:hover{color:var(--ink);background:#b8862f24}}#ui-root .city-screen .cs-section-header{font:700 var(--fs-sm)/1.3 var(--font-display);color:var(--gold);padding:4px 16px 0}#ui-root .city-screen .cs-region .cs-section-header{padding:4px 0 0}#ui-root .city-screen .cs-unassigned{font:700 var(--fs-xs)/1 var(--font-data);color:var(--danger);vertical-align:middle;margin-left:8px}#ui-root .city-screen .cs-sub-header{font:700 var(--fs-xs)/1.2 var(--font-data);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;padding:2px 16px 0}#ui-root .city-screen .cs-region .cs-sub-header{padding:2px 0 0}#ui-root .city-screen .cs-spec-row{pointer-events:auto;align-items:center;gap:6px;padding:3px 16px;display:flex}#ui-root .city-screen .cs-region .cs-spec-row{padding:3px 0}#ui-root .city-screen .cs-spec-label{font:var(--fs-xs)/1.2 var(--font-data);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#ui-root .city-screen .cs-spec-yield{font:var(--fs-xs)/1.2 var(--font-data);color:var(--ink-muted);flex:1}#ui-root .city-screen .cs-spec-count{font:700 var(--fs-sm)/1 monospace;color:var(--ink);text-align:center;min-width:20px}#ui-root .city-screen .cs-spec-btn{width:var(--tap-min);height:var(--tap-min);min-width:var(--tap-min);min-height:var(--tap-min);border:1px solid var(--panel-border);color:var(--ink);font:700 var(--fs-md)/1 monospace;cursor:pointer;pointer-events:auto;background:#b8862f14;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}#ui-root .city-screen .cs-spec-btn:disabled{opacity:.35;cursor:default}#ui-root .city-screen .cs-resist-notice{font:var(--fs-xs)/1.4 var(--font-data);color:var(--danger);padding:4px 16px}#ui-root .city-screen .cs-region .cs-resist-notice{padding:4px 0}#ui-root .city-screen .cs-rush-btn{font:700 var(--fs-sm)/1 var(--font-data);border:1px solid var(--gold);color:var(--gold);cursor:pointer;pointer-events:auto;background:#b8862f1f;border-radius:6px;margin:0 16px;padding:7px 14px}#ui-root .city-screen .cs-region .cs-rush-btn{margin:0}@media (hover:hover){#ui-root .city-screen .cs-rush-btn:hover{background:#b8862f38}}#ui-root .city-screen .cs-rush-btn.disabled,#ui-root .city-screen .cs-rush-btn:disabled{opacity:.4;cursor:default}#ui-root .city-screen .cs-build-row{min-height:var(--tap-min);box-sizing:border-box;cursor:pointer;pointer-events:auto;border-radius:4px;align-items:center;gap:6px;margin:0 8px;padding:4px 16px;display:flex}#ui-root .city-screen .cs-region .cs-build-row{margin:0;padding:4px 6px}@media (hover:hover){#ui-root .city-screen .cs-build-row:hover:not(.disabled){background:#b8862f1a}}#ui-root .city-screen .cs-build-row.disabled{opacity:.45;cursor:default}#ui-root .city-screen .cs-build-lock{min-width:0;font:italic var(--fs-xs)/1.3 monospace;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}#ui-root .city-screen .cs-build-row.queued{border:1px solid var(--panel-border);background:#b8862f33}#ui-root .city-screen .cs-build-label{font:var(--fs-xs)/1.3 monospace;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#ui-root .city-screen .cs-build-empty{min-height:var(--tap-min);font:700 var(--fs-sm)/1 var(--font-display);letter-spacing:.02em;border:1px solid var(--gold-bright);background:var(--gold);color:#fff;cursor:pointer;pointer-events:auto;border-radius:6px;flex:auto;padding:0 16px;box-shadow:0 1px 4px #00000040}#ui-root .city-screen .cs-build-empty:active{background:var(--gold-bright)}#ui-root .city-screen .cs-build-cost{font:var(--fs-xs)/1.3 monospace;color:var(--ink-muted)}#ui-root .city-screen .cs-build-queuepos{font:700 var(--fs-xs)/1 var(--font-data);color:#fff;background:#b8862fe6;border-radius:8px;margin-right:6px;padding:2px 6px}#ui-root .city-screen .cs-owned{font:var(--fs-sm)/1.4 var(--font-data);color:var(--science);padding:0 16px}#ui-root .city-screen .cs-region .cs-owned{padding:0}#ui-root .city-screen .cs-wonders-owned{color:var(--gold)}#ui-root .city-screen .cs-region-citizens{box-sizing:border-box;flex-wrap:nowrap;align-items:center;gap:2px;height:52px;padding:3px 8px;display:flex;overflow:auto hidden}#ui-root .city-screen .cs-citizen{min-width:36px;min-height:var(--tap-min);box-sizing:border-box;font:700 var(--fs-md)/1 var(--font-data);color:var(--ink);background:#b8862f0f;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}#ui-root .city-screen .cs-citizen[data-mood=happy]{background:#4c8c3c38;border-color:#4c8c3c8c}#ui-root .city-screen .cs-citizen[data-mood=content]{background:#b8862f24;border-color:#b8862f66}#ui-root .city-screen .cs-citizen[data-mood=unhappy]{background:#9c2f242e;border-color:#9c2f248c}#ui-root .city-screen .cs-citizen[data-mood=resist]{color:var(--danger);background:#3a2a1659;border:1px dashed #9c2f24cc}#ui-root .city-screen .cs-citizen.specialist{border:1px solid var(--panel-border);color:var(--science);cursor:pointer;pointer-events:auto;background:#ffffff8c;border-radius:50%}#ui-root .city-screen .cs-citizen.specialist:active{background:#b8862f38}#ui-root .city-screen button:not(.cs-build-info):not(.cs-rename-btn){min-height:var(--tap-min)}#ui-root .city-screen .cs-confirm-backdrop{z-index:100;pointer-events:auto;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#ui-root .city-screen .cs-confirm{border:2px solid var(--panel-border);pointer-events:auto;background:linear-gradient(165deg,#f6ecd2,#e8d6ae);border-radius:12px;flex-direction:column;gap:10px;width:min(420px,92vw);margin:0;padding:18px 20px;display:flex;box-shadow:0 12px 40px #0000008c}#ui-root .city-screen .cs-confirm-title{font:700 var(--fs-md)/1.2 var(--font-display);color:var(--gold)}#ui-root .city-screen .cs-confirm-body{font:var(--fs-xs)/1.5 var(--font-data);color:var(--ink-muted);white-space:pre-line}#ui-root .city-screen .cs-confirm-btns{justify-content:flex-end;gap:8px;display:flex}#ui-root .city-screen .cs-confirm-btn{font:700 var(--fs-sm)/1 var(--font-data);border:1px solid var(--panel-border);color:var(--ink);cursor:pointer;pointer-events:auto;background:#b8862f14;border-radius:6px;padding:8px 18px}@media (hover:hover){#ui-root .city-screen .cs-confirm-btn:hover{background:#b8862f2e}}#ui-root .city-screen .cs-confirm-change{background:var(--danger);color:#fff;border-color:var(--danger)}@media (hover:hover){#ui-root .city-screen .cs-confirm-change:hover{background:#c0392b}}#ui-root .city-screen .cs-confirm-abandon{background:var(--danger);color:#fff;border-color:var(--danger)}@media (hover:hover){#ui-root .city-screen .cs-confirm-abandon:hover{background:#c0392b}}#ui-root .city-screen .cs-abandon-btn{font:700 var(--fs-xs)/1 var(--font-data);letter-spacing:.04em;border:1px solid var(--danger);color:var(--danger);cursor:pointer;pointer-events:auto;background:0 0;border-radius:6px;margin-top:8px;padding:6px 12px;display:inline-block}#ui-root .city-screen .cs-abandon-btn:active{background:#9c2f242e}#ui-root .trade-screen{z-index:320}#ui-root .ts-panel{width:min(700px,96vw);max-height:calc(var(--viewport-h) - 24px);text-align:left;align-items:stretch;gap:10px;padding:20px;overflow-y:auto}#ui-root .ts-header{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}#ui-root .ts-title{font:700 var(--fs-xl)/1.2 var(--font-display);color:var(--ink)}#ui-root .ts-subtitle{font:400 var(--fs-sm)/1.2 var(--font-data);color:var(--ink-muted);flex:1}#ui-root .ts-war-msg{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--danger,#c0392b);padding:8px 0}#ui-root .ts-cols{gap:12px;display:flex}#ui-root .ts-col{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}#ui-root .ts-col-hdr{font:700 var(--fs-sm)/1.2 var(--font-data);color:var(--gold,#b8862f);border-bottom:1px solid var(--panel-border);padding-bottom:4px}#ui-root .ts-section-label{font:400 var(--fs-xs)/1.2 var(--font-data);color:var(--ink-muted);margin-top:4px}#ui-root .ts-none{font:400 var(--fs-xs)/1.2 var(--font-data);color:var(--ink-faint,var(--ink-muted));font-style:italic}#ui-root .ts-chips{flex-wrap:wrap;gap:4px;display:flex}#ui-root .ts-chip{font:400 var(--fs-xs)/1 var(--font-data);color:var(--ink-muted);border:1px solid var(--panel-border);cursor:pointer;pointer-events:auto;background:#b8862f0f;border-radius:4px;padding:4px 7px;transition:background .1s,color .1s}#ui-root .ts-chip.selected{color:var(--ink);border-color:var(--gold,#b8862f);background:#b8862f38;font-weight:600}@media (hover:hover){#ui-root .ts-chip:hover{background:#b8862f24}}#ui-root .ts-presets{flex-wrap:wrap;gap:4px;display:flex}#ui-root .ts-preset{font:400 var(--fs-xs)/1 var(--font-data);color:var(--ink);border:1px solid var(--panel-border);cursor:pointer;pointer-events:auto;text-align:center;background:#b8862f0f;border-radius:4px;min-width:36px;padding:4px 9px}#ui-root .ts-preset.active{color:var(--ink);border-color:var(--gold,#b8862f);background:#b8862f38;font-weight:700}#ui-root .ts-preset.disabled,#ui-root .ts-preset:disabled{opacity:.35;cursor:default;pointer-events:none}#ui-root .ts-amount{font:400 var(--fs-xs)/1 var(--font-data);color:var(--ink);border:1px solid var(--gold,#b8862f);text-align:center;pointer-events:auto;appearance:textfield;background:#b8862f1a;border-radius:4px;flex:none;width:58px;padding:4px 6px}#ui-root .ts-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#ui-root .ts-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (hover:hover){#ui-root .ts-preset:not(.disabled):not(:disabled):hover{background:#b8862f24}}#ui-root .ts-summary{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--gold,#b8862f);border-top:1px solid var(--panel-border);padding-top:8px}#ui-root .ts-verdict{text-align:center;font-style:italic;font-size:var(--fs-md);padding:6px 12px}#ui-root .ts-verdict-yes{color:#2a9d8f}#ui-root .ts-verdict-no{color:#c1121f}#ui-root .ts-advice{text-align:center;font-style:italic;font-size:var(--fs-md);color:#c1121f;padding:6px 12px}#ui-root .ts-advisor{border-top:1px solid var(--panel-border);padding-top:6px}#ui-root .ts-advisor-hdr{font:600 var(--fs-xs)/1.2 var(--font-data);color:var(--ink-muted);text-align:center;letter-spacing:.04em;text-transform:uppercase}#ui-root .ts-ladder{gap:3px;max-width:420px;margin:4px auto 0;display:flex}#ui-root .ts-rung{text-align:center;font:400 var(--fs-xs)/1 var(--font-data);border:1px solid var(--panel-border);color:var(--ink-muted);opacity:.55;border-radius:4px;flex:1;padding:5px 2px}#ui-root .ts-rung-on{opacity:1;color:#fdf6e3;font-weight:700}#ui-root .ts-rung-on.ts-rung-accept{background:#2a9d8f;border-color:#1f766b}#ui-root .ts-rung-on.ts-rung-weak{background:#8a9a2a;border-color:#66731f}#ui-root .ts-rung-on.ts-rung-neutral{background:#c8862a;border-color:#9c661e}#ui-root .ts-rung-on.ts-rung-strong{background:#c1521f;border-color:#933e17}#ui-root .ts-rung-on.ts-rung-total{background:#9c2f24;border-color:#74231b}#ui-root .ts-reply{text-align:center;font:italic 400 var(--fs-md)/1.35 var(--font-display);border-radius:var(--radius);background:#ffffff59;padding:6px 12px}#ui-root .ts-reply-who{color:var(--ink);font-style:normal;font-weight:700}#ui-root .ts-reply-yes{color:#1f766b}#ui-root .ts-reply-no{color:#9c2f24}#ui-root .ts-no-meeting{font:italic 400 var(--fs-md)/1.4 var(--font-display);color:var(--danger);text-align:center;padding:14px 10px}#ui-root .ts-contact-locked{opacity:.55;cursor:default;font-style:italic}#ui-root .ts-footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}#ui-root .ts-btn{min-height:var(--tap-min);min-width:var(--tap-min);border-radius:var(--radius);font:600 var(--fs-sm)/1 var(--font-data);cursor:pointer;border:1px solid var(--panel-border);pointer-events:auto;padding:0 20px}#ui-root .ts-btn-cancel{background:var(--panel-bg);color:var(--ink)}#ui-root .ts-btn-propose{color:#fdf6e3;background:linear-gradient(#c8a24a,#9c7a2a);border-color:#7a5e1e}#ui-root .ts-btn-propose.disabled,#ui-root .ts-btn-propose:disabled{opacity:.4;cursor:default}#ui-root .ts-btn-gift{background:var(--panel-bg);color:var(--ink);margin-left:8px}#ui-root .ts-btn-gift.disabled,#ui-root .ts-btn-gift:disabled{opacity:.4;cursor:default}#ui-root .embargo-screen{z-index:330}#ui-root .embargo-screen .eb-panel{width:min(480px,96vw);max-height:calc(var(--viewport-h) - 24px);text-align:left;align-items:stretch;gap:10px;padding:20px;overflow-y:auto}#ui-root .embargo-screen .eb-header{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}#ui-root .embargo-screen .eb-title{font:700 var(--fs-xl)/1.2 var(--font-display);color:var(--ink)}#ui-root .embargo-screen .eb-subtitle{font:400 var(--fs-sm)/1.2 var(--font-data);color:var(--ink-muted);flex:1}#ui-root .embargo-screen .eb-empty{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink-muted);padding:8px 0;font-style:italic}#ui-root .embargo-screen .eb-refused{font:400 var(--fs-sm)/1.4 var(--font-data);color:#c1121f;padding:8px 0;font-style:italic}#ui-root .embargo-screen .eb-list{flex-direction:column;gap:6px;display:flex}#ui-root .embargo-screen .eb-row{border-radius:var(--radius);border:1px solid var(--panel-border);text-align:left;cursor:pointer;width:100%;color:var(--ink);font-family:var(--font-data);background:#b8862f0f;align-items:center;gap:8px;padding:10px 12px;display:flex}@media (hover:hover){#ui-root .embargo-screen button.eb-row:hover{background:#b8862f24}}#ui-root .embargo-screen .eb-row--disabled{opacity:.55;cursor:default;pointer-events:none}#ui-root .embargo-screen .eb-row-name{font:600 var(--fs-sm)/1.2 var(--font-data);flex:1}#ui-root .embargo-screen .eb-row-stance{font:400 var(--fs-xs)/1.2 var(--font-data);color:var(--ink-muted)}#ui-root .embargo-screen .eb-row-tag{font:400 var(--fs-xs)/1.2 var(--font-data);color:var(--gold,#b8862f);white-space:nowrap}#ui-root .embargo-screen .eb-row--disabled .eb-row-tag{color:var(--ink-muted)}#ui-root .diplomacy-screen{z-index:310}#ui-root .diplomacy-screen .dp-panel{width:min(480px,96vw);max-height:calc(var(--viewport-h) - 24px);text-align:left;align-items:stretch;gap:0;padding:16px 16px 20px;overflow-y:auto}#ui-root .diplomacy-screen .dp-header{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}#ui-root .diplomacy-screen .dp-chip{border:1px solid #00000040;border-radius:2px;flex-shrink:0;width:14px;height:14px;display:inline-block}#ui-root .diplomacy-screen .dp-civ-name{font:700 var(--fs-md)/1.2 var(--font-display);color:var(--ink)}#ui-root .diplomacy-screen .dp-attitude{font:400 var(--fs-sm)/1 var(--font-data);color:var(--ink-muted);margin-left:auto}#ui-root .diplomacy-screen .dp-stance{font:700 var(--fs-sm)/1 var(--font-data)}#ui-root .diplomacy-screen .dp-stance-war{color:var(--danger)}#ui-root .diplomacy-screen .dp-stance-peace{color:var(--growth)}#ui-root .diplomacy-screen .dp-section{margin-bottom:12px}#ui-root .diplomacy-screen .dp-section-label{font:700 var(--fs-xs)/1.2 var(--font-data);color:var(--gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}#ui-root .diplomacy-screen .dp-btn{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);width:100%;min-height:38px;color:var(--ink);font:400 var(--fs-sm)/1.3 var(--font-display);text-align:left;cursor:pointer;margin-bottom:4px;padding:8px 12px;display:block}@media (hover:hover){#ui-root .diplomacy-screen .dp-btn:not(.disabled):hover{background:#b8862f1a}}#ui-root .diplomacy-screen .dp-btn.disabled,#ui-root .diplomacy-screen .dp-btn:disabled{opacity:.45;cursor:default}#ui-root .diplomacy-screen .dp-gift{flex-wrap:wrap;gap:6px;display:flex}#ui-root .diplomacy-screen .dp-gift .dp-btn{width:auto;min-height:32px;font-size:var(--fs-sm);margin-bottom:0;padding:6px 12px;display:inline-block}#ui-root .diplomacy-screen .dp-info{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--growth);padding:4px 0}#ui-root .diplomacy-screen .dp-none{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);padding:2px 0;font-style:italic}#ui-root .tech-tree-slot{pointer-events:none;position:absolute;inset:0}#ui-root .tech-tree{pointer-events:auto;z-index:200;background:#0e0e1c;flex-direction:column;align-items:stretch;display:flex;position:absolute;inset:0}#ui-root .tech-tree[hidden]{display:none}#ui-root .tt-chrome{background:var(--panel-bg);border-bottom:1px solid var(--panel-border);box-shadow:var(--panel-shadow);flex-direction:column;flex-shrink:0;gap:4px;padding:10px 12px 6px;display:flex}#ui-root .tt-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}#ui-root .tt-title{font:700 var(--fs-xl)/1.2 var(--font-display);color:var(--ink)}#ui-root .tt-era-tabs{flex-wrap:wrap;gap:4px;display:flex}#ui-root .tt-era-tab{border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 3px);min-height:28px;color:var(--ink);font:600 var(--fs-xs)/1.2 var(--font-data);cursor:pointer;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);padding:4px 10px;transition:background .1s}#ui-root .tt-era-tab:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .tt-zoom{border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 3px);min-height:28px;color:var(--ink);font:600 var(--fs-xs)/1.2 var(--font-data);cursor:pointer;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);align-self:flex-start;padding:4px 12px;transition:background .1s}#ui-root .tt-zoom:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .tt-viewport{touch-action:none;cursor:grab;flex:1;position:relative;overflow:hidden}#ui-root .tt-viewport:active{cursor:grabbing}#ui-root .tt-surface{transform-origin:0 0;position:absolute;top:0;left:0}#ui-root .tt-band{pointer-events:none;position:absolute}#ui-root .tt-band-0{background:#3d28170d}#ui-root .tt-band-1{background:#3d28171a}#ui-root .tt-band-label{font:700 var(--fs-sm)/1.2 var(--font-display);color:#b8862f;letter-spacing:.06em;pointer-events:none;position:absolute;top:4px;left:8px}#ui-root .tt-edges{pointer-events:none}#ui-root .tt-edge{stroke:#b09a6e;stroke-width:1.5px}#ui-root .tt-edge-path{stroke:#d4af37;stroke-width:3px}#ui-root .tt-node{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #3d281759;border-radius:5px;flex-direction:column;justify-content:space-between;width:132px;height:46px;padding:5px 8px 4px;display:flex;position:absolute;overflow:hidden}#ui-root .tt-node.done{background:#7cae7ce6}#ui-root .tt-node.current{background:#e7c873f2}#ui-root .tt-node.queued{background:#cbb07ae6}#ui-root .tt-node.avail{background:#ddc995e6}#ui-root .tt-node.locked{background:#cdc4abd9}#ui-root .tt-node.tt-node-optional{border:2px dashed #3d2817b3;padding:4px 7px 3px}#ui-root .tt-legend{font:400 var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted);align-items:center;gap:6px;display:flex}#ui-root .tt-legend-swatch{background:#ddc995e6;border:2px dashed #3d2817b3;border-radius:3px;flex-shrink:0;width:18px;height:10px}#ui-root .tt-node-name{font:700 var(--fs-xs)/1.2 var(--font-display);color:#3a2a16;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#ui-root .tt-tool-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#ui-root .tt-mode-btn.inspect{color:#f4ecd8;background:#5a8caad9;border-color:#28465a99}#ui-root .tt-node-unlocks{pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute;bottom:3px;right:4px}#ui-root .tt-unlock-icon{width:20px;height:20px;image-rendering:pixelated;object-fit:cover;object-position:left center}#ui-root .tt-unlock-more{font-size:var(--fs-xs);opacity:.7;padding-left:1px;line-height:1}#ui-root .tt-node-cost{font:400 var(--fs-xs)/1 monospace;color:#6b5836;flex-shrink:0}#ui-root .tt-progress{background:#3d281733;border-radius:2px;height:4px;position:absolute;bottom:0;left:8px;right:8px;overflow:hidden}#ui-root .tt-progress-fill{background:#b8860b;border-radius:2px;height:100%;transition:width .2s}#ui-root .tt-badge{color:#3d2817;min-width:16px;height:16px;font:700 var(--fs-xs)/16px var(--font-display);text-align:center;background:#b8860b;border:1px solid #6b4f17;border-radius:8px;padding:0 2px;position:absolute;top:3px;right:4px}#ui-root .tt-badge.implicit{color:#6b4f17;background:#b8860b47;border-style:dashed}#ui-root .tt-detail-scrim{z-index:10;background:#0a0a1859;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#ui-root .tt-detail{width:min(320px,90vw);max-height:calc(var(--viewport-h) - 24px);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-inset), var(--panel-shadow);pointer-events:auto;flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex;position:relative;overflow-y:auto}#ui-root .tt-detail-name{font:700 var(--fs-lg)/1.3 var(--font-display);color:var(--ink);padding-right:28px}#ui-root .tt-detail-meta{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink-muted)}#ui-root .tt-detail-status{font:600 var(--fs-sm)/1.4 var(--font-data)}#ui-root .tt-detail-status.done{color:var(--growth)}#ui-root .tt-detail-status.queued{color:var(--gold)}#ui-root .tt-detail-section{font:600 var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}#ui-root .tt-detail-prereq{font:400 var(--fs-sm)/1.5 var(--font-data);color:var(--ink)}#ui-root .tt-detail-prereq.met{color:var(--growth)}#ui-root .tt-detail-prereq.unmet{color:var(--danger)}#ui-root .tt-detail-unlocks{font:400 var(--fs-sm)/1.5 var(--font-data);color:var(--ink);margin-top:2px}#ui-root .global-warming{z-index:500;pointer-events:auto;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ui-root .gw-panel{width:min(320px,92vw);max-height:calc(var(--viewport-h) - 24px);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-inset), var(--panel-shadow);pointer-events:auto;flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex;position:relative;overflow-y:auto}#ui-root .gw-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}#ui-root .gw-title{font:700 var(--fs-lg)/1.3 var(--font-display);color:var(--ink)}#ui-root .gw-subline{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink-muted)}#ui-root .gw-section{font:600 var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}#ui-root .gw-empty{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink-muted)}#ui-root .gw-row{justify-content:space-between;align-items:baseline;gap:8px;padding:2px 4px;display:flex}#ui-root .gw-row-name{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#ui-root .gw-row-emission{font:600 var(--fs-sm)/1.4 var(--font-data);color:var(--ink);flex-shrink:0}#ui-root .gw-tail{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);padding:2px 4px}#ui-root .gw-explainer{font:400 var(--fs-xs)/1.5 var(--font-data);color:var(--ink-muted);margin:4px 0 0}#ui-root .gw-sun-slot{top:max(env(safe-area-inset-top,0px), 4px);z-index:150;pointer-events:auto;position:fixed;right:12px}#ui-root .gw-sun-icon{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex;position:relative}#ui-root .gw-sun-icon:after{content:"";background:currentColor;border:1px solid #0009;border-radius:50%;width:18px;height:18px;display:block}#ui-root .gw-sun-icon[data-gw="1"]{color:#ffd54f}#ui-root .gw-sun-icon[data-gw="2"]{color:#ff9800}#ui-root .gw-sun-icon[data-gw="3"]{color:#f44336}#ui-root .modal-backdrop.advisor-more{z-index:600;background:#00000080}#ui-root .advisor-more-sheet{box-sizing:border-box;width:calc(100% - 40px);max-width:380px;box-shadow:var(--panel-shadow);background:#f5e9d0;border:2px solid #8b6f47;border-radius:10px;padding:16px 14px 18px;position:relative}#ui-root .am-title{font-family:serif;font-size:var(--fs-md);color:#3d2817;text-align:center;margin-bottom:10px;font-weight:700}#ui-root .am-close{width:44px;height:44px;font-size:var(--fs-xl);color:#3d2817;cursor:pointer;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:4px;right:4px}#ui-root .am-close:active{color:#8b2a1a}#ui-root .am-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#ui-root .am-entry{font-family:serif;font-size:var(--fs-xs);color:#3d2817;cursor:pointer;text-align:center;touch-action:manipulation;background:#8b6f4733;border:1px solid #6b4423;border-radius:4px;min-height:44px;padding:10px 4px}#ui-root .am-entry:active{background:#8b6f4773}#ui-root .modal-backdrop.idle-guard{z-index:210}#ui-root .idle-guard .modal-panel{text-align:left;align-items:stretch;gap:8px}#ui-root .ig-subtitle{font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink-muted);text-align:left}#ui-root .ig-list{flex-direction:column;gap:4px;width:100%;display:flex}#ui-root .ig-row{width:100%;min-height:var(--tap-min);border:1px solid var(--panel-border);font:400 var(--fs-sm)/1.4 var(--font-display);color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation;background:#8b6f471f;border-radius:6px;padding:8px 10px;display:block}#ui-root .ig-row:active{background:#8b6f4747}#ui-root .ig-tail{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);padding:2px 4px}#ui-root [hidden],.start-menu [hidden]{display:none!important}.start-menu{z-index:40;pointer-events:none;font-family:Georgia,Times New Roman,serif;position:fixed;inset:0}.start-menu-vignette{background:radial-gradient(at 45% 40%,#0000 45%,#1e12048c 100%),linear-gradient(#ffbe6e1a,#3c1e0840);position:absolute;inset:0}.start-menu-logo{letter-spacing:.04em;color:#b8352a;text-shadow:1px 1px #7d1f16,2px 2px #5d150e,3px 3px 6px #000000b3,-1px -1px #e8896f;font-size:clamp(2.625rem,9vw,6.875rem);font-weight:700;position:absolute;top:4%;left:5vw}.start-menu-list{pointer-events:auto;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:6vw;transform:translateY(-50%)}.start-menu-entry{color:#f3e2b8;font:inherit;cursor:pointer;text-shadow:1px 1px 2px #000000d9;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:4px 2px;font-size:clamp(1.125rem,2.4vw,1.5rem);display:flex}.start-menu-entry:focus-visible .start-menu-label{color:#35c6e8}@media (hover:hover){.start-menu-entry:hover:not(:disabled) .start-menu-label{color:#35c6e8}}.start-menu-entry:disabled{cursor:default;opacity:.55}.start-menu-primary .start-menu-label{color:#ffe9b0;font-weight:700}.start-menu-pip{background:radial-gradient(circle at 35% 30%,#efe6cf,#9a8d6d 55%,#4d4433);border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 -2px 3px #00000080,0 1px 1px #ffffff40}@media (hover:hover){.start-menu-entry:hover:not(:disabled) .start-menu-pip{background:radial-gradient(circle at 35% 30%,#c9f2ff,#35c6e8 55%,#0e5d74)}}.start-menu-plaque{letter-spacing:.08em;text-transform:uppercase;color:#cbb98a;background:#140c0299;border:1px solid #7a6a44;border-radius:3px;padding:2px 6px;font-size:.55em}.start-menu-version{color:#d9c69a;font-size:var(--fs-sm);text-shadow:1px 1px 1px #000c;position:absolute;bottom:12px;left:10px}.start-menu-filament{background:#140c028c;height:3px;position:absolute;bottom:0;left:0;right:0}.start-menu-filament-fill{background:linear-gradient(90deg,#b98c3e,#f0d38a);width:0;height:100%;transition:width .3s}.start-menu-filament.done{opacity:0;transition:opacity 1s .4s}.start-menu-hidden .start-menu-list,.start-menu-hidden .start-menu-logo,.start-menu-hidden .start-menu-version,.start-menu-hidden .start-menu-filament{display:none}.setup-screens{z-index:45;padding:calc(var(--viewport-h) * .04) 3vw;pointer-events:auto;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;display:flex;position:fixed;inset:0}.setup-step{color:#3a2a16;background:linear-gradient(165deg,#f2e6c4,#e8dcc0);border:2px solid #f4ecd8;border-radius:10px;flex-direction:column;gap:14px;width:min(640px,94vw);min-height:0;max-height:100%;padding:20px 24px 24px;display:flex;box-shadow:0 0 0 2px #8a7a58,0 10px 30px #140c028c}.setup-body{flex-direction:column;flex:auto;gap:14px;min-height:0;display:flex;overflow-y:auto}.setup-plaque{font:700 var(--fs-sm)/1 Georgia, "Times New Roman", serif;letter-spacing:.14em;text-transform:uppercase;color:#6b5836;text-align:center;border-bottom:1px solid #8a7a5866;padding-bottom:8px}.setup-pip-columns{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.setup-pip-group{flex-direction:column;gap:6px;display:flex}.setup-pip-group-label{font:700 var(--fs-xs)/1 system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b5836}.setup-pip-col{flex-direction:column;gap:4px;display:flex}.setup-pip{color:#3a2a16;font:600 var(--fs-xs)/1 system-ui, sans-serif;cursor:pointer;text-align:center;background:radial-gradient(circle at 35% 30%,#efe6cf,#9a8d6d 55%,#4d4433);border:1px solid #8a7a58;border-radius:4px;padding:5px 10px;display:block}.setup-pip:active{transform:scale(.96)}.setup-pip.selected{color:#fff;text-shadow:0 1px 1px #0000008c;background:radial-gradient(circle at 35% 30%,#2b90ae,#12617c 55%,#052b39);box-shadow:0 0 0 2px #35c6e8}.setup-shape-strip{justify-content:center;gap:12px;display:flex}.setup-shape{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.setup-shape.selected{border-color:#35c6e8;box-shadow:0 0 0 2px #35c6e8}.setup-shape-label{font:600 var(--fs-xs)/1 system-ui, sans-serif;color:#6b5836}.setup-shape.selected .setup-shape-label{color:#0e5d74;font-weight:700}.setup-thumb,.setup-card-thumb{image-rendering:pixelated;background:#1c2b1c;border:1px solid #8a7a58;border-radius:3px;display:block}.setup-card-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.setup-card{flex-direction:column;align-items:center;gap:4px;display:flex}.setup-card .setup-pip{padding:3px 8px}.setup-seed-row{justify-content:center;align-items:center;gap:8px;display:flex}.setup-seed-label{font:700 var(--fs-xs)/1 system-ui, sans-serif;color:#6b5836;text-transform:uppercase;letter-spacing:.06em}.setup-seed{color:#3a2a16;width:120px;height:28px;font:600 var(--fs-sm)/1 system-ui, sans-serif;background:#ffffff80;border:1px solid #8a7a58;border-radius:4px;padding:0 8px}.setup-scenario-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.setup-scenario-btn{color:#3a2a16;height:30px;font:600 var(--fs-xs)/1 system-ui, sans-serif;cursor:pointer;background:linear-gradient(165deg,#f6ecd2,#e8d6ae);border:1px solid #8a7a58;border-radius:4px;padding:0 14px}.setup-scenario-btn:active{transform:scale(.97)}.setup-scenario-summary{font:400 var(--fs-xs)/1.3 system-ui, sans-serif;color:#6b5836}.setup-nav-row{border-top:1px solid #8a7a5866;flex:none;justify-content:space-between;gap:10px;padding-top:10px;display:flex}.setup-nav-btn{color:#3a2a16;height:36px;font:700 var(--fs-sm)/1 system-ui, sans-serif;cursor:pointer;background:linear-gradient(165deg,#f6ecd2,#e8d6ae);border:1px solid #8a7a58;border-radius:6px;padding:0 18px}.setup-nav-btn:active{transform:scale(.97)}.setup-nav-btn:disabled{opacity:.5;cursor:default}.setup-nav-primary{color:#fdf6e3;background:linear-gradient(#c8a24a,#9c7a2a)}.setup-civ-section{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.setup-civ-list{column-count:2;flex:220px;column-gap:8px;min-width:180px}.setup-civ{break-inside:avoid;color:#3a2a16;width:100%;font:600 var(--fs-xs)/1.2 system-ui, sans-serif;text-align:left;cursor:pointer;background:#ffffff59;border:1px solid #8a7a58;border-radius:4px;margin-bottom:4px;padding:4px 8px;display:block}.setup-civ:active{transform:scale(.97)}.setup-civ.selected{color:#fff;text-shadow:0 1px 1px #0000008c;background:radial-gradient(circle at 35% 30%,#2b90ae,#12617c 55%,#052b39);box-shadow:0 0 0 2px #35c6e8}.setup-civ-panel{text-align:center;background:#ffffff40;border:1px solid #8a7a58;border-radius:8px;flex-direction:column;flex:160px;align-items:center;gap:6px;min-width:140px;padding:10px;display:flex}.setup-civ-shield{border:2px solid #8a7a58;border-radius:6px;width:48px;height:48px;box-shadow:inset 0 0 0 1px #0000004d}.setup-civ-name{font:700 var(--fs-sm)/1 Georgia, "Times New Roman", serif;color:#3a2a16}.setup-civ-shield.has-portrait{box-sizing:border-box;width:72px;height:96px;padding:3px}.setup-civ-portrait{object-fit:cover;object-position:center top;border-radius:3px;width:100%;height:100%;display:block}.setup-civ-leader{font:600 var(--fs-xs)/1.2 Georgia, "Times New Roman", serif;color:#5a4626}.setup-civ-traits{font:400 var(--fs-xs)/1.3 system-ui, sans-serif;color:#6b5836;text-transform:capitalize}.setup-pip-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.setup-difficulty{background:linear-gradient(90deg,#4a86c8,#c84a4a);border-radius:6px;flex-wrap:wrap;justify-content:center;gap:4px;padding:6px;display:flex}.setup-difficulty .setup-pip{background:#ffffffd9;border-color:#0000004d}.setup-difficulty .setup-pip.selected{color:#fff;text-shadow:0 1px 1px #0000008c;background:radial-gradient(circle at 35% 30%,#2b90ae,#12617c 55%,#052b39)}.setup-victory-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.setup-victory-item,.setup-accelerated-row,.setup-culturally-linked-row{font:600 var(--fs-xs)/1 system-ui, sans-serif;color:#3a2a16;cursor:pointer;align-items:center;gap:5px;display:flex}.setup-accelerated-row,.setup-culturally-linked-row{justify-content:center}#ui-root .turn-spinner{pointer-events:none;opacity:0;z-index:40;width:28px;height:28px;transition:opacity .18s ease-in-out;position:fixed;bottom:84px;right:18px}#ui-root .turn-spinner.visible{opacity:1}#ui-root .turn-spinner-ring{border:3px solid #c8a24a40;border-top-color:var(--gold-bright);border-radius:50%;width:100%;height:100%;animation:.9s linear infinite turn-spinner-spin;display:block}@keyframes turn-spinner-spin{to{transform:rotate(360deg)}}#ui-root .turn-spinner-count{white-space:nowrap;font:600 var(--fs-xs)/1 system-ui, sans-serif;font-variant-numeric:tabular-nums;color:var(--gold-bright);text-shadow:0 1px 2px #000000d9;position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%)}#ui-root .turn-spinner-count:empty{display:none}#ui-root.turn-pending .end-turn{opacity:.55;pointer-events:none}@media (prefers-reduced-motion:reduce){#ui-root .turn-spinner-ring{animation:none}}#ui-root .espionage-screen .esp-panel{width:min(520px,96vw);max-height:calc(var(--viewport-h) - 24px);text-align:left;align-items:stretch;gap:0;padding:16px 16px 20px;overflow-y:auto}#ui-root .espionage-screen .esp-header{border-bottom:1px solid var(--panel-border);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}#ui-root .espionage-screen .esp-header .modal-close-btn{margin-left:auto}#ui-root .espionage-screen .esp-civ-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}#ui-root .espionage-screen .esp-civ-tab{align-items:center;gap:6px;width:auto;display:inline-flex}#ui-root .espionage-screen .esp-civ-tab.active{outline:2px solid var(--accent,#c9a35c)}#ui-root .espionage-screen .esp-status{margin-bottom:8px}#ui-root .espionage-screen .esp-escape-row{gap:6px;margin-bottom:10px;display:flex}#ui-root .espionage-screen .esp-missions{flex-direction:column;gap:6px;display:flex}#ui-root .espionage-screen .esp-mission{text-align:left;width:100%}#ui-root .espionage-screen .esp-city-picker{flex-wrap:wrap;gap:6px;padding:4px 0 4px 14px;display:flex}#ui-root,#ui-root *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#ui-root input,#ui-root textarea,#ui-root [contenteditable=true]{-webkit-user-select:text;user-select:text}#ui-root .pedia-search{border-bottom:1px solid var(--panel-border);flex-shrink:0;padding:6px 10px 8px}#ui-root .pedia-search-input{box-sizing:border-box;width:100%;height:38px;font:400 var(--fs-lg)/1.4 var(--font-data);color:var(--ink);border:1px solid var(--panel-border);border-radius:var(--radius);background:#f4e4b8;outline:none;padding:6px 10px}#ui-root .pedia-search-input:focus{border-color:var(--gold-bright);box-shadow:0 0 0 2px #c8a24a59}#ui-root .pedia-result{min-height:34px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;gap:1px;padding:4px 8px;display:flex}#ui-root .pedia-result.active{border-color:var(--panel-border);background:#b8862f40}#ui-root .pedia-result-cat{font:600 var(--fs-xs)/1.2 var(--font-data);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}#ui-root .pedia-result-name{font:400 var(--fs-sm)/1.3 var(--font-data)}#ui-root .pedia-result.active .pedia-result-name{font-weight:600}#ui-root .pedia-no-results{font:400 var(--fs-xs)/1.4 var(--font-data);color:var(--ink-muted);padding:8px}#ui-root .natiopedia.modal-backdrop{z-index:400}#ui-root .ti-pedia-btn,#ui-root .cs-build-info,#ui-root .adv-pedia-btn{width:28px;height:28px;color:var(--gold);font:400 var(--fs-lg)/1 var(--font-data);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;flex:none;margin:0;padding:0;position:relative}#ui-root .ti-pedia-btn:after,#ui-root .cs-build-info:after,#ui-root .adv-pedia-btn:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#ui-root .ti-pedia-btn:active,#ui-root .cs-build-info:active,#ui-root .adv-pedia-btn:active{background:#b8862f38}#ui-root .tile-info-sheet .ti-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}#ui-root .tile-info-sheet .ti-title-row .ti-title{margin-bottom:0}#ui-root .tile-info-sheet .ti-linked-row{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}#ui-root .tile-info-sheet .ti-linked-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#ui-root .city-screen .cs-build-info{width:24px;height:24px;font-size:var(--fs-md)}#ui-root .city-screen .cs-owned-chip{align-items:center;gap:2px;display:inline-flex}#ui-root .city-screen .cs-owned-chip .cs-build-info{width:18px;height:18px;font-size:var(--fs-sm)}#ui-root .adv-gov-row{align-items:center;gap:6px;display:flex}#ui-root .adv-gov-row>.adv-row{flex:auto;min-width:0}#ui-root .adv-gov-option{min-width:0;min-height:var(--tap-min);box-sizing:border-box;border:1px solid var(--panel-border);border-radius:var(--radius);font:600 var(--fs-sm)/1.2 var(--font-data);color:var(--ink);text-align:left;flex:auto;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}#ui-root .adv-gov-option.adv-gov-current{border:2px solid var(--gold);cursor:default;background:#b8862f33}#ui-root button.adv-gov-option.adv-gov-current{cursor:pointer}#ui-root button.adv-gov-option.adv-gov-current:active{transform:scale(.985)}#ui-root .adv-gov-option.adv-gov-locked{color:var(--ink-muted);opacity:.7;cursor:default;background:0 0;border-style:dashed;font-weight:400}#ui-root .adv-gov-tag{font:600 var(--fs-xs)/1 var(--font-data);color:var(--ink-muted);flex:none}#ui-root .adv-gov-current .adv-gov-tag{color:var(--gold);letter-spacing:.06em;text-transform:uppercase}#ui-root .adv-row-sub .adv-row-name{padding-left:12px}#ui-root .adv-row-bold{font-weight:700}#ui-root .tt-detail-pedia{border:1px solid var(--panel-border);width:100%;min-height:40px;color:var(--gold);font:600 var(--fs-sm)/1.3 var(--font-data);cursor:pointer;background:#b8862f1f;border-radius:4px;margin-top:10px;padding:8px 10px;display:block}#ui-root .tt-detail-pedia:active{background:#b8862f47}#ui-root .ss-vol-row{justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:6px 20px;display:flex}@media (hover:hover){#ui-root .ss-vol-row:hover{background:#0000000a}}#ui-root .ss-vol-slider{min-width:90px;max-width:180px;height:22px;accent-color:var(--accent,#7a5c2e);cursor:pointer;flex:120px}#ui-root .ss-vol-readout{font:400 var(--fs-sm)/1.3 var(--font-display);color:var(--ink-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em}#ui-root .production-picker .pp-panel{width:min(92vw,420px);max-height:calc(var(--viewport-h) - 24px);flex-direction:column;gap:6px;min-height:0;padding:10px 12px 12px;display:flex}#ui-root .production-picker .pp-header{font-family:var(--font-display,serif);font-size:var(--fs-xl);color:var(--gold);text-align:center;font-weight:700}#ui-root .production-picker .pp-intro{font-size:var(--fs-sm);text-align:center;line-height:1.35}#ui-root .production-picker .pp-current{font-size:var(--fs-sm);text-align:center;opacity:.85;border-bottom:1px solid #b8862f59;padding-bottom:4px}#ui-root .production-picker .pp-list{flex-direction:column;flex:auto;gap:2px;min-height:0;display:flex;overflow:hidden auto}#ui-root .production-picker .pp-section{font-family:var(--font-display,serif);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);opacity:.9;padding:8px 2px 2px}#ui-root .production-picker .pp-row{width:100%;min-height:38px;font:inherit;font-size:var(--fs-md);text-align:left;color:inherit;cursor:pointer;background:#b8862f0d;border:1px solid #b8862f4d;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}@media (hover:hover){#ui-root .production-picker .pp-row:hover:not(:disabled){background:#b8862f24}}#ui-root .production-picker .pp-row:disabled{opacity:.45;cursor:default}#ui-root .production-picker .pp-row-lock{min-width:0;font-size:var(--fs-sm);opacity:.8;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-style:italic;overflow:hidden}#ui-root .production-picker .pp-row.current{border-color:var(--gold);background:#b8862f33}#ui-root .production-picker .pp-row-cost{font-variant-numeric:tabular-nums;opacity:.8;flex:none}#ui-root .production-picker .pp-cancel{min-height:40px;font:inherit;color:inherit;cursor:pointer;background:#b8862f1a;border:1px solid #b8862f73;border-radius:8px;flex:none;margin-top:6px}#ui-root .production-picker .pp-confirm-backdrop{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#ui-root .production-picker .pp-confirm{width:min(88vw,340px);box-shadow:var(--panel-shadow);background:linear-gradient(165deg,#f6ecd2fc,#e8d6aefc);border:1px solid #b8862f99;border-radius:10px;padding:14px}#ui-root .production-picker .pp-confirm-title{font-family:var(--font-display,serif);font-size:var(--fs-lg);color:var(--gold);margin-bottom:6px}#ui-root .production-picker .pp-confirm-body{font-size:var(--fs-sm);line-height:1.4}#ui-root .production-picker .pp-confirm-btns{gap:8px;margin-top:12px;display:flex}#ui-root .production-picker .pp-confirm-btn{min-height:40px;font:inherit;color:inherit;cursor:pointer;background:#b8862f1a;border:1px solid #b8862f73;border-radius:8px;flex:1 1 0}#ui-root .production-picker .pp-confirm-btn.primary{border-color:var(--gold);background:#b8862f4d;font-weight:700}.ts-agreements{border:1px solid var(--line,#6b5a3e);border-radius:3px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;display:flex}.ts-peace{cursor:pointer;font:inherit;border:1px solid var(--line,#6b5a3e);border-radius:3px;flex:none;padding:4px 10px}.ts-peace-on{color:#eae0c8;background:#2f5d3a;border-color:#47875a}.ts-peace-hint{font-size:var(--fs-xs);opacity:.8;flex:140px}.ts-suppressed{opacity:.45}.ts-clause{cursor:pointer;font:inherit;border:1px solid var(--line,#6b5a3e);border-radius:3px;flex:none;padding:4px 10px}.ts-clause-on{color:#eae0c8;background:#3a4a6b;border-color:#5b74a8}.ts-clause:disabled{opacity:.4;cursor:default}#ui-root .diplomacy-screen .dp-hero{align-items:flex-start;gap:12px;display:flex}#ui-root .diplomacy-screen .dp-portrait-slot{flex:none}#ui-root .diplomacy-screen .dp-header-slot{flex:auto;min-width:0}#ui-root .diplomacy-screen .dp-body{min-width:0}#ui-root .diplomacy-screen .dp-header{padding-right:38px}#ui-root .lh-frame{aspect-ratio:4/5;border:1px solid var(--panel-border);border-radius:var(--radius);width:200px;box-shadow:var(--panel-inset);background:#0d1420;position:relative;overflow:hidden}#ui-root .lh-poster,#ui-root .lh-deck{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root .lh-deck{opacity:0;transition:opacity .4s}#ui-root .lh-deck.lh-active{opacity:1}#ui-root .lh-placard{text-align:center;background:linear-gradient(155deg, var(--lh-accent,var(--panel-border)) 0%, #0d1420eb 72%);justify-content:center;align-items:flex-end;padding:8px;display:flex;position:absolute;inset:0}#ui-root .lh-frame:not([data-leaderhead=none]) .lh-placard{display:none}#ui-root .lh-placard-name{font:700 var(--fs-sm)/1.25 var(--font-display);color:var(--ink);text-shadow:0 1px 2px #000c}#ui-root[data-layout=compact][data-orient=portrait] .lh-frame{width:128px}#ui-root:not([data-layout=compact]) .lh-frame{width:200px}#ui-root[data-layout=compact][data-orient=landscape] .diplomacy-screen .dp-panel{max-height:calc(var(--viewport-h) - 24px);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"portrait header""portrait body";column-gap:12px;display:grid;overflow:hidden}#ui-root[data-layout=compact][data-orient=landscape] .diplomacy-screen .dp-hero{display:contents}#ui-root[data-layout=compact][data-orient=landscape] .diplomacy-screen .dp-portrait-slot{grid-area:portrait}#ui-root[data-layout=compact][data-orient=landscape] .diplomacy-screen .dp-header-slot{grid-area:header}#ui-root[data-layout=compact][data-orient=landscape] .diplomacy-screen .dp-body{grid-area:body;min-height:0;overflow-y:auto}#ui-root[data-layout=compact][data-orient=landscape] .lh-frame{width:auto;height:min(calc(var(--viewport-h) * .58), 240px)}@media (prefers-reduced-motion:reduce){#ui-root .lh-deck{transition:none}}#ui-root .city-screen .cs-nav-prev[hidden],#ui-root .city-screen .cs-nav-next[hidden],#ui-root .city-screen .cs-mood-breakdown[hidden]{display:none}#ui-root .city-screen .cs-citizen .cs-head{image-rendering:pixelated;pointer-events:none;flex:none;display:block}#ui-root .city-screen .cs-citizen.has-head[data-mood=happy]{background:#4c8c3c1a}#ui-root .city-screen .cs-citizen.has-head[data-mood=content]{background:#b8862f12}#ui-root .city-screen .cs-citizen.has-head[data-mood=unhappy]{background:#9c2f2417}#ui-root .city-screen .cs-citizen.has-head[data-mood=resist]{background:#3a2a162e}#ui-root .city-screen .cs-citizen.specialist.has-head{background:#ffffff59}#ui-root .city-screen .cs-citizen.foreign{box-shadow:0 0 0 2px var(--civ-ring,transparent)}#ui-root .coach-slot{pointer-events:none;z-index:210;flex-direction:column;align-items:stretch;display:flex;position:absolute}#ui-root .coach-card{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);min-width:0;max-width:100%;box-shadow:var(--panel-inset), var(--panel-shadow);color:var(--ink);font-family:var(--font-data);flex-direction:column;display:flex}#ui-root .coach-card[hidden]{display:none}#ui-root .coach-card .coach-head{min-height:var(--tap-min);align-items:center;gap:6px;padding:0 4px 0 8px;display:flex}#ui-root .coach-card{touch-action:none;cursor:grab}#ui-root .coach-card.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;opacity:.92}#ui-root .coach-card .coach-grip{font-size:var(--fs-sm);color:var(--ink-muted);opacity:.55;flex:none;padding:0 2px;line-height:1}#ui-root .coach-card .coach-title{min-width:0;font:700 var(--fs-md)/1.25 var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#ui-root .coach-card .coach-body{-webkit-overflow-scrolling:touch;min-height:0;font:400 var(--fs-sm)/1.4 var(--font-data);color:var(--ink);flex:auto;padding:0 12px 8px;overflow:auto}#ui-root .coach-card .coach-foot{flex-wrap:wrap;align-items:center;gap:4px;padding:0 6px 6px;display:flex}#ui-root .coach-card .coach-progress{min-width:3em;font:600 var(--fs-xs)/1 var(--font-data);color:var(--ink-muted);flex:1;padding-left:6px}#ui-root .coach-card .coach-progress[hidden]{display:none}#ui-root .coach-card button{min-height:var(--tap-min);min-width:var(--tap-min);border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--panel-inset);color:var(--ink);font:600 var(--fs-sm)/1 var(--font-data);cursor:pointer;white-space:nowrap;background:linear-gradient(170deg,#f9f0d8,#e8d0a0);padding:0 10px;transition:background .1s}#ui-root .coach-card button:active{background:linear-gradient(170deg,#e8d0a0,#d4b870)}#ui-root .coach-card button[hidden]{display:none}#ui-root .coach-card button:disabled{opacity:.5;cursor:default}#ui-root .coach-card .coach-next{background:linear-gradient(170deg,#e8d0a0,#cfae5c)}#ui-root .coach-card .coach-stop{box-shadow:none;color:var(--ink-muted);background:0 0;border-color:#0000}#ui-root .coach-card .coach-collapse{box-shadow:none;font-size:var(--fs-xl);background:0 0;border-color:#0000;line-height:1}#ui-root .coach-card[data-collapsed="1"] .coach-body,#ui-root .coach-card[data-collapsed="1"] .coach-foot{display:none}#ui-root .coach-card.hint{border-style:dashed}#ui-root[data-layout=compact][data-orient=portrait] .coach-slot{top:auto;left:calc(8px + var(--safe-left));right:calc(var(--rail-gutter) + var(--safe-right));bottom:calc(var(--safe-bottom) + var(--hud-row) + var(--inspector-h,0px) + 8px)}#ui-root[data-layout=compact][data-orient=portrait] .coach-card{max-height:calc(var(--viewport-h) * .3)}#ui-root[data-layout=compact][data-orient=landscape] .coach-slot{top:calc(var(--safe-top) + 56px);left:calc(8px + var(--safe-left));max-width:45%;bottom:auto;right:auto}#ui-root[data-layout=compact][data-orient=landscape] .coach-card{max-width:100%;max-height:calc(var(--viewport-h) * .45)}#ui-root[data-layout=regular] .coach-slot{top:auto;bottom:calc(var(--hud-bottom) + 12px + var(--safe-bottom));left:calc(12px + var(--safe-left) + 170px + 12px);right:calc(var(--safe-right) + 12px + 128px + 12px)}#ui-root[data-layout=regular] .coach-card{max-height:calc(var(--viewport-h) * .3)}#ui-root[data-layout=wide] .coach-slot{top:calc(var(--safe-top) + 56px);width:min(440px,40vw);bottom:auto;left:50%;right:auto;transform:translate(-50%)}#ui-root[data-layout=wide] .coach-card{max-height:calc(var(--viewport-h) * .3)}#ui-root[data-layout=compact][data-orient=landscape] .notif-log{top:calc(var(--safe-top) + 56px + var(--coach-h,0px))}#ui-root[data-layout=regular] .toast{bottom:calc(var(--hud-bottom) + var(--hud-row) + 12px + var(--safe-bottom) + var(--coach-h,0px))}#ui-root .coach-spotlight{outline:2px solid var(--gold-bright);outline-offset:2px;animation:1.2s ease-in-out infinite coach-spotlight-pulse}@keyframes coach-spotlight-pulse{0%,to{outline-color:var(--gold-bright)}50%{outline-color:var(--gold)}}#ui-root .wonder-splash{z-index:205;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));background:radial-gradient(at 50% 45%,#120c04bd,#040301f0)}#ui-root .wonder-splash .ws-panel{width:min(640px,92vw);min-height:0;max-height:calc(var(--viewport-h) - 24px - var(--safe-top) - var(--safe-bottom));background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-inset), 0 12px 48px #000000a6;flex-direction:column;display:flex;overflow:hidden}#ui-root .wonder-splash .ws-stage{aspect-ratio:16/9;width:100%;max-height:calc(var(--viewport-h) * .45);border-bottom:1px solid var(--panel-border);background:#120d06;flex:none;position:relative;overflow:hidden}#ui-root .wonder-splash .ws-stage[hidden]{display:none}#ui-root .wonder-splash .ws-poster,#ui-root .wonder-splash .ws-clip{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root .wonder-splash .ws-clip{z-index:1}#ui-root .wonder-splash .ws-fade{z-index:2;pointer-events:none;background:#000;animation:1s ease-in forwards ws-fade-in;position:absolute;inset:0}@keyframes ws-fade-in{0%{opacity:1}to{opacity:0}}#ui-root .wonder-splash .ws-stage[data-tier=poster] .ws-poster,#ui-root .wonder-splash .ws-poster.ws-drift{transform-origin:50% 55%;animation:20s ease-in-out infinite alternate ws-ken-burns}@keyframes ws-ken-burns{0%{transform:scale(1.03)}to{transform:scale(1.13)translate(-1.5%,-1.2%)}}#ui-root .wonder-splash .ws-plate{-webkit-overflow-scrolling:touch;text-align:center;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:18px 20px 14px;display:flex;overflow-y:auto}#ui-root .wonder-splash .ws-kicker{font:700 var(--fs-xs)/1.2 var(--font-data);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted)}#ui-root .wonder-splash .ws-title{font:700 clamp(1.35rem, 1rem + 2.4vmin, 2.25rem)/1.12 var(--font-display);color:var(--ink);text-wrap:balance;margin:0}#ui-root .wonder-splash .ws-rule{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:min(240px,62%);height:1px;margin:4px 0 2px;position:relative}#ui-root .wonder-splash .ws-rule:after{content:"";background:var(--gold-bright);width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#ui-root .wonder-splash .ws-where{font:600 var(--fs-sm)/1.2 var(--font-data);letter-spacing:.06em;color:var(--ink-muted)}#ui-root .wonder-splash .ws-caption{max-width:48ch;font:400 var(--fs-md)/1.6 var(--font-display);color:var(--ink);margin:6px 0 0}#ui-root .wonder-splash .ws-caption[hidden]{display:none}#ui-root .wonder-splash .ws-foot{margin-top:10px}#ui-root .wonder-splash .ws-continue{min-height:var(--tap-min);border-radius:var(--radius);min-width:min(180px,60vw);box-shadow:var(--panel-inset);color:#fdf6e3;font:600 var(--fs-sm)/1 var(--font-data);letter-spacing:.06em;cursor:pointer;background:linear-gradient(#c8a24a,#9c7a2a);border:1px solid #7a5e1e;padding:0 24px}#ui-root .wonder-splash .ws-continue:active{transform:scale(.97)}#ui-root .wonder-splash .ws-panel[data-tier=plate]{width:min(520px,92vw);padding:6px}#ui-root .wonder-splash .ws-panel[data-tier=plate] .ws-plate{border-radius:calc(var(--radius) - 3px);border:1px solid #b8924a8c;padding:30px 24px 22px}#ui-root .wonder-splash .ws-panel[data-tier=plate] .ws-title{font-size:clamp(1.6rem,1.1rem + 3vmin,2.6rem)}#ui-root[data-layout=compact][data-orient=portrait] .wonder-splash .ws-panel,#ui-root[data-layout=compact][data-orient=portrait] .wonder-splash .ws-panel[data-tier=plate]{width:94vw}#ui-root[data-layout=compact][data-orient=portrait] .wonder-splash .ws-panel[data-tier=plate] .ws-plate{padding:24px 16px 18px}#ui-root[data-layout=compact][data-orient=landscape] .wonder-splash .ws-stage{max-height:calc(var(--viewport-h) * .38)}#ui-root[data-layout=compact][data-orient=landscape] .wonder-splash .ws-panel,#ui-root[data-layout=compact][data-orient=landscape] .wonder-splash .ws-panel[data-tier=plate]{width:min(560px,80vw)}#ui-root[data-layout=compact][data-orient=landscape] .wonder-splash .ws-plate{gap:4px;padding:12px 18px 10px}#ui-root[data-layout=compact][data-orient=landscape] .wonder-splash .ws-panel[data-tier=plate] .ws-plate{padding:18px 20px 14px}#ui-root[data-layout=compact][data-orient=landscape] .wonder-splash .ws-caption{font-size:var(--fs-sm);line-height:1.5}#ui-root[data-layout=wide] .wonder-splash .ws-panel{width:min(820px,64vw)}#ui-root[data-layout=wide] .wonder-splash .ws-panel[data-tier=plate]{width:min(600px,48vw)}@media (prefers-reduced-motion:reduce){#ui-root .wonder-splash .ws-stage[data-tier=poster] .ws-poster{animation:none}#ui-root .wonder-splash .ws-continue:active{transform:none}}#ui-root .action-slot{flex-direction:column;align-items:flex-end;gap:6px;display:flex}#ui-root .mp-hud{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-inset), var(--panel-shadow);border-radius:14px;align-items:center;gap:6px;padding:4px 6px;display:flex}#ui-root .mp-hud[hidden]{display:none}#ui-root .mp-timer,#ui-root .mp-seats{cursor:pointer;min-height:28px;font:700 var(--fs-sm)/1 var(--font-data);color:var(--ink);letter-spacing:.04em;background:0 0;border:none;align-items:center;gap:3px;padding:0 8px;display:flex}#ui-root .mp-timer[hidden]{display:none}#ui-root .mp-timer:before{content:"⏱";margin-right:4px;font-size:.9em}#ui-root .mp-timer.mp-timer-warn{color:var(--danger);animation:1s ease-in-out infinite mp-timer-pulse}@keyframes mp-timer-pulse{0%,to{opacity:1}50%{opacity:.55}}#ui-root .mp-seat{width:20px;height:20px;font:700 var(--fs-xs)/1 var(--font-data);color:#fdf6e3;background:#6b5836;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}#ui-root .mp-seat-online{background:#2e8b57}#ui-root .mp-seat-offline{opacity:.7;background:#8a7a58}#ui-root .mp-seat-done{border-color:var(--gold-bright)}#ui-root .mp-seat-local{box-shadow:0 0 0 1px var(--ink)}#ui-root .end-turn.mp-waiting{opacity:.9;background:linear-gradient(#a8925a,#7d6a3a)}#ui-root .end-turn.mp-waited-on{box-shadow:0 0 0 2px var(--gold-bright), 0 4px 10px #281a0866, var(--panel-inset);animation:1.1s ease-in-out infinite end-turn-pulse}#ui-root[data-layout=compact] .end-turn.mp-waited-on,#ui-root[data-layout=compact] .end-turn.mp-waiting{font-size:var(--fs-sm);padding:11px 14px}#ui-root .mp-session-modal{z-index:220}#ui-root .mp-session-spinner{border:3px solid var(--panel-border);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:1s linear infinite mp-spin}@keyframes mp-spin{to{transform:rotate(360deg)}}#ui-root .mp-contact-prompt{z-index:205}#ui-root .mp-contact-btns{flex-wrap:wrap}#ui-root .mp-contact-btns .modal-btn{flex:100%}#ui-root[data-layout=regular] .mp-contact-btns .modal-btn,#ui-root[data-layout=wide] .mp-contact-btns .modal-btn{flex:30%}#ui-root .mp-neg-panel{width:min(560px,96vw);max-height:calc(var(--vv-h,100dvh) - 24px);text-align:left;align-items:stretch;padding:14px 14px 16px;overflow-y:auto}#ui-root .mp-neg-plate{border:1px solid var(--panel-border);border-radius:var(--radius);background:#0000000f;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 40px 8px 10px;display:flex;position:relative}#ui-root .mp-neg-plate .modal-close-btn{position:absolute;top:6px;right:6px}#ui-root .mp-neg-online{font:600 var(--fs-xs)/1 var(--font-data);color:var(--ink-muted)}#ui-root .mp-neg-terms{border-radius:var(--radius);font:400 var(--fs-sm)/1.35 var(--font-data);color:var(--ink);background:#c8a24a1f;border:1px solid #c8a24a80;flex-direction:column;gap:6px;padding:10px;display:flex}#ui-root .mp-neg-terms[data-terms=theirs]{border-color:var(--gold-bright)}#ui-root .mp-neg-terms-head{font-weight:700}#ui-root .mp-neg-answer{margin-top:4px}#ui-root[data-layout=compact] .mp-neg-panel .ts-cols{flex-direction:column}#ui-root .adv-row-mp{color:var(--gold);font-weight:600}#ui-root .adv-row-talks{color:var(--danger);font-style:italic}#ui-root .adv-row-talks.adv-row-offer{color:var(--gold);font-style:normal;font-weight:600}#ui-root .ai-offer-prompt{z-index:205}#ui-root .ai-offer-prompt .modal-panel{width:min(460px,94vw)}#ui-root .ao-card{flex-direction:column;gap:6px;display:flex}#ui-root .ao-title{font:700 var(--fs-lg,var(--fs-md))/1.2 var(--font-display);color:var(--ink)}#ui-root .ao-speech{font:italic 400 var(--fs-md)/1.35 var(--font-display);color:var(--ink-muted)}#ui-root .ao-terms{border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);font:400 var(--fs-sm)/1.35 var(--font-data);color:var(--ink);flex-direction:column;gap:3px;padding:6px 0;display:flex}#ui-root .ao-peace{color:var(--growth);font-weight:700}#ui-root .ao-label{margin-right:6px;font-weight:700}#ui-root .ao-note:empty{display:none}#ui-root .ao-note{font:italic 400 var(--fs-sm)/1.35 var(--font-data);color:var(--danger)}#ui-root .ao-warning{font:600 var(--fs-sm)/1.35 var(--font-data);color:var(--danger)}#ui-root .ao-btns{flex-wrap:wrap}#ui-root .ao-btns .modal-btn{flex:30%}#ui-root .diplomacy-screen .ao-card{padding:4px 0}#ui-root .diplomacy-screen .dp-reply{font:italic 400 var(--fs-md)/1.35 var(--font-display);color:var(--danger);padding:4px 0}.lobby-step{max-width:460px}.lobby-intro{font:400 var(--fs-sm)/1.4 system-ui, sans-serif;color:#6b5836;text-align:center}.lobby-wide,.setup-nav-btn.lobby-wide{width:100%}.lobby-join-row{align-items:center;gap:8px;display:flex}.lobby-link-input{color:#3a2a16;min-width:0;height:36px;font:400 var(--fs-sm)/1 system-ui, sans-serif;background:#ffffffd9;border:1px solid #8a7a58;border-radius:4px;flex:auto;padding:0 10px}.lobby-seating{flex-direction:column;gap:6px;display:flex}.lobby-seat{text-align:left;color:#3a2a16;cursor:pointer;width:100%;font:600 var(--fs-sm)/1.2 system-ui, sans-serif;min-height:var(--tap-min,44px);background:#ffffffd9;border:1px solid #8a7a58;border-radius:4px;padding:8px 10px;display:block}.lobby-seat.selected{color:#fdf6e3;background:radial-gradient(circle at 35% 30%,#2b90ae,#12617c 55%,#052b39);border-color:#35c6e8}.lobby-seat:disabled,.lobby-seat-taken{opacity:.6;cursor:default}.lobby-seat-static{cursor:default}.lobby-status{font:600 var(--fs-sm)/1.3 system-ui, sans-serif;color:#6b5836;text-align:center}.lobby-status-error{color:#a0321e}#ui-root .lobby-status{color:var(--ink-muted)}#ui-root .lobby-status-error{color:var(--danger)}#ui-root .mp-lobby-panel{text-align:left;width:min(460px,94vw);max-height:calc(var(--vv-h,100dvh) - 24px);align-items:stretch;overflow-y:auto}#ui-root .mp-lobby-panel .modal-title{text-align:center}#ui-root .mp-lobby-panel .modal-close-btn{position:absolute;top:10px;right:10px}#ui-root .mp-lobby-link-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#ui-root .mp-lobby-link-row .lobby-link-input{background:var(--panel-bg);color:var(--ink);border-color:var(--panel-border);flex:160px}#ui-root .mp-lobby-btn{flex:none;padding:0 14px}#ui-root .mp-lobby-wide{width:100%}#ui-root .mp-lobby .lobby-seat{background:var(--panel-bg);color:var(--ink);border-color:var(--panel-border)}#ui-root .mp-lobby .lobby-seat.selected{border-color:var(--gold-bright);color:var(--ink);background:#c8a24a2e}.lobby-section-label{font:700 var(--fs-xs)/1 Georgia, "Times New Roman", serif;letter-spacing:.12em;text-transform:uppercase;color:#6b5836;margin-top:4px}.lobby-invite-row{flex-wrap:wrap}.lobby-invite-row .lobby-link-input{flex:100%}.lobby-invite-row .setup-nav-btn{flex:1 1 0}.lobby-seat-staging{justify-content:space-between;align-items:center;gap:8px;display:flex}.lobby-seat-staging .lobby-seat-text{flex:auto;min-width:0}.lobby-seat-ready{border-color:#2e8b57}.lobby-seat-ready .lobby-seat-text:before{content:"✓ ";color:#2e8b57}.lobby-seat-staging.selected.lobby-seat-ready .lobby-seat-text:before{color:#fdf6e3}.lobby-seat-close{height:32px;font-size:var(--fs-xs);flex:none;padding:0 10px}.lobby-ready-on{color:#fdf6e3;background:linear-gradient(#3fa76c,#2e8b57);border-color:#2e8b57}.lobby-caption{min-height:1.3em}.lobby-countdown{font:700 var(--fs-xl,22px)/1.2 Georgia, "Times New Roman", serif;color:#a0321e;text-align:center;letter-spacing:.04em;animation:1s ease-in-out infinite mp-timer-pulse}#ui-root[data-layout=regular] .lobby-invite-row .lobby-link-input,#ui-root[data-layout=wide] .lobby-invite-row .lobby-link-input{flex:200px}.lobby-invite-row .setup-nav-btn{min-width:0}.lobby-seat-open{flex-wrap:wrap}.lobby-seat-civ{text-align:right;min-width:0;font:600 var(--fs-xs)/1.2 system-ui, sans-serif;color:#6b5836;flex:0 auto}.lobby-seat-staging.selected .lobby-seat-civ{color:#e8dcc0}.lobby-seat-civ-btn{color:#3a2a16;cursor:pointer;min-height:var(--tap-min,44px);background:#ffffff8c;border:1px solid #8a7a58;border-radius:4px;padding:4px 10px}.lobby-seat-civ-btn:active{transform:scale(.97)}.lobby-seat-civ-btn:disabled{opacity:.55;cursor:default}.lobby-seat-pick{cursor:pointer}.lobby-seat-civ-note{text-align:right;font:400 var(--fs-xs)/1.3 system-ui, sans-serif;color:#6b5836;flex:100%}.lobby-seat-staging.selected .lobby-seat-civ-note{color:#e8dcc0}.lobby-seat-ai{background:#ffffff8c;border-style:dashed}.lobby-seat-ai .lobby-seat-text{font-style:italic}.lobby-sheet-backdrop{z-index:46;background:#140c028c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.lobby-sheet{width:min(460px,100vw);max-height:calc(var(--vv-h,100dvh) - 24px);min-height:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));color:#3a2a16;background:linear-gradient(165deg,#f2e6c4,#e8dcc0);border:2px solid #f4ecd8;border-radius:12px 12px 0 0;flex-direction:column;gap:10px;display:flex;box-shadow:0 0 0 2px #8a7a58,0 -10px 30px #140c028c}.lobby-sheet-title{text-align:center;margin-top:0}.lobby-sheet-body{flex:auto;min-height:0;overflow-y:auto}.lobby-sheet-foot{justify-content:flex-end}.setup-civ-held{opacity:.5;cursor:default;font-weight:400}.setup-civ-shield-random{background:repeating-linear-gradient(45deg,#cdbb92 0 6px,#b9a67c 6px 12px)}.setup-civ-random{font-style:italic}@media (width>=700px){.lobby-sheet-backdrop{align-items:center}.lobby-sheet{border-radius:12px;width:min(560px,94vw);padding-bottom:14px}}.setup-play{flex-direction:column;gap:6px;display:flex}.setup-play-caption{font:400 var(--fs-xs)/1.35 system-ui, sans-serif;color:#6b5836}#ui-root .mp-turn{font:700 var(--fs-sm)/1 var(--font-data);color:var(--ink-muted);letter-spacing:.04em;white-space:nowrap;padding:0 4px}#ui-root .mp-turn[hidden]{display:none}#ui-root .mp-turn.mp-turn-mine{color:var(--gold)}#ui-root .mp-share{cursor:pointer;border:1px solid var(--gold-bright);min-height:28px;color:var(--ink);font:700 var(--fs-xs)/1 var(--font-data);letter-spacing:.04em;background:linear-gradient(#e6c76a,#c8a24a);border-radius:10px;padding:0 10px}#ui-root .mp-share[hidden]{display:none}#ui-root .mp-share:active{transform:scale(.97)}#ui-root .mp-seat-active{border-color:var(--gold-bright);box-shadow:0 0 0 2px #c8a24a99}#ui-root[data-layout=compact] .mp-turn{text-overflow:ellipsis;max-width:34vw;overflow:hidden}#ui-root .mp-restore-prompt{z-index:215}#ui-root .mp-restore-panel{max-height:calc(var(--vv-h,100dvh) - 24px);overflow-y:auto}#ui-root .mp-restore-meta{font:600 var(--fs-xs)/1.3 var(--font-data);color:var(--ink-muted);text-align:center}#ui-root .mp-restore-btns{flex-wrap:wrap}#ui-root .mp-restore-btns .modal-btn{flex:100%}#ui-root[data-layout=regular] .mp-restore-btns .modal-btn,#ui-root[data-layout=wide] .mp-restore-btns .modal-btn{flex:30%}#ui-root .sl-badge{font:700 var(--fs-xs)/1.4 var(--font-data);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;border-radius:8px;margin-left:8px;padding:1px 6px;display:inline-block}#ui-root .sl-badge-online{color:#2e8b57;background:#2e8b572e;border:1px solid #2e8b5780}#ui-root .lp-hint{z-index:1000;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:calc(var(--radius) - 3px);max-width:min(260px,100vw - 16px);box-shadow:var(--panel-shadow);color:var(--ink);font:600 var(--fs-sm)/1.3 var(--font-data);pointer-events:none;-webkit-user-select:none;user-select:none;padding:6px 10px;position:fixed}#ui-root .lp-hint[hidden]{display:none}