:root{color-scheme:dark;--bg: #0c0e12;--surface: #151a22;--surface-hover: #1c2230;--text: #e8eaef;--muted: #9aa3b2;--accent: #6ea8fe;--accent-dim: #3a6bb5;--info: #22d3ee;--border: #2a3140;--danger: #f87171;--success: #4ade80;--warning: #fbbf24;--pop: #c084fc;--parchment: #d4bc8c;--parchment-dim: #8a7a5e;--panel-border: #3d3428;--panel-header-bg: linear-gradient(180deg, #2a2218 0%, #1a1610 100%);--panel-shadow: 0 4px 14px rgba(0, 0, 0, .35);--cell-hidden: #1e2330;--cell-revealed: #252b38;--cell-mine: #7f1d1d;--cell-claimed: rgba(110, 168, 254, .12);--cell-eligible: rgba(74, 222, 128, .15);--radius: 6px;--radius-lg: 8px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "Cascadia Code", "Fira Code", ui-monospace, monospace;--nav-active-bg: linear-gradient(180deg, rgba(110, 168, 254, .2) 0%, rgba(110, 168, 254, .06) 100%);--nav-active-fg: #e8f2ff;--nav-active-border: rgba(110, 168, 254, .45);--slot-occupied-border: rgba(110, 168, 254, .35);--slot-occupied-bg: linear-gradient(160deg, rgba(34, 211, 238, .08) 0%, rgba(110, 168, 254, .06) 100%);--slot-empty-border: rgba(154, 163, 178, .45);--slot-empty-bg: rgba(21, 26, 34, .65);--slot-glow: 0 0 20px rgba(110, 168, 254, .12);--afford-queue-border-built: rgba(74, 222, 128, .55);--afford-queue-border-empty: rgba(74, 222, 128, .65);--afford-queue-bg-slot-built: linear-gradient(160deg, rgba(74, 222, 128, .14) 0%, rgba(34, 211, 238, .06) 100%);--afford-queue-bg-slot-empty: linear-gradient(160deg, rgba(74, 222, 128, .12) 0%, rgba(21, 26, 34, .75) 100%);--afford-queue-shadow-built: 0 0 18px rgba(74, 222, 128, .18);--afford-resources-border-built: rgba(251, 191, 36, .5);--afford-resources-border-empty: rgba(251, 191, 36, .55);--afford-resources-bg-slot-built: linear-gradient(160deg, rgba(251, 191, 36, .1) 0%, rgba(110, 168, 254, .05) 100%);--afford-resources-bg-slot-empty: linear-gradient(160deg, rgba(251, 191, 36, .08) 0%, rgba(21, 26, 34, .65) 100%);--afford-resources-shadow-built: 0 0 14px rgba(251, 191, 36, .12);--afford-catalog-border-queue: 1px solid rgba(74, 222, 128, .5);--afford-catalog-bg-queue: linear-gradient(180deg, rgba(74, 222, 128, .14) 0%, rgba(74, 222, 128, .04) 100%);--afford-catalog-border-resources: 1px solid rgba(251, 191, 36, .45);--afford-catalog-bg-resources: linear-gradient(180deg, rgba(251, 191, 36, .1) 0%, rgba(251, 191, 36, .03) 100%);--afford-catalog-border-default: 1px solid var(--accent-dim);--afford-catalog-bg-default: linear-gradient(180deg, rgba(110, 168, 254, .12) 0%, rgba(110, 168, 254, .04) 100%)}.kingdom-map-grid{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(280px,1.4fr) minmax(240px,1.1fr)}.kingdom-map-grid--twocol{grid-template-columns:minmax(280px,1.4fr) minmax(240px,1.1fr)}.kingdom-map-grid--kingdom-page{grid-template-columns:minmax(180px,.75fr) minmax(280px,1.4fr) minmax(240px,1.1fr)}@media(max-width:1100px){.kingdom-map-grid,.kingdom-map-grid--twocol,.kingdom-map-grid--kingdom-page{grid-template-columns:1fr}}.village-page-grid{display:grid;grid-template-columns:minmax(200px,.42fr) minmax(280px,1fr);gap:14px;align-items:start;width:100%;min-width:0}@media(max-width:900px){.village-page-grid{grid-template-columns:1fr}}.kingdom-queues-below{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}@media(max-width:800px){.kingdom-queues-below{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}button{font-family:var(--font);font-size:13px;cursor:pointer;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:background .12s}button:hover:not(:disabled){background:var(--surface-hover)}button:disabled{opacity:.4;cursor:not-allowed}input,select{font-family:var(--font);font-size:13px;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.tooltip-bubble{box-sizing:border-box;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-w, 520px),calc(100vw - 16px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:12px;line-height:1.45;white-space:pre-line;text-align:left;color:var(--text);box-shadow:var(--panel-shadow)}.data-table-sticky-header{position:sticky;top:0;z-index:1;background:var(--bg)}.data-table-sticky-header-bordered{border-bottom:1px solid var(--border)}