:root{--cf-bg:#0d0b09;--cf-panel:#14100ceb;--cf-parchment:#e8dcc0;--cf-gold:#c8a552;--cf-border:#3a2f24;--cf-food:#c96f3f;--cf-wood:#7d9a4e;--cf-gold-res:#d9b23c;--cf-stone:#9aa0a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--cf-bg);height:100%;color:var(--cf-parchment);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}.app-root{width:100%;height:100%;position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;font-size:13px;position:absolute;inset:0}.resource-bar{background:var(--cf-panel);border:1px solid var(--cf-border);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-top:none;border-radius:0 0 6px 6px;align-items:stretch;gap:2px;padding:4px 8px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.resource-cell{background:#00000047;border-radius:3px;align-items:center;gap:5px;padding:3px 9px;display:flex}.resource-label{text-transform:uppercase;letter-spacing:.07em;opacity:.72;font-size:10px}.resource-value{font-variant-numeric:tabular-nums;text-align:right;min-width:2.2em;font-weight:700}.resource-villagers{font-variant-numeric:tabular-nums;opacity:.85;background:#ffffff17;border-radius:2px;padding:0 4px;font-size:11px}.resource-food .resource-value{color:var(--cf-food)}.resource-wood .resource-value{color:var(--cf-wood)}.resource-gold .resource-value{color:var(--cf-gold-res)}.resource-stone .resource-value{color:var(--cf-stone)}.population{font-variant-numeric:tabular-nums;border-left:1px solid var(--cf-border);align-items:center;margin-left:4px;padding:3px 9px;display:flex}.command-grid{background:var(--cf-panel);border:1px solid var(--cf-border);pointer-events:auto;border-radius:5px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;bottom:10px;right:10px}.command-grid .grid-group{grid-template-columns:repeat(2,minmax(84px,1fr));gap:4px;display:grid}.command-grid button{font:inherit;color:var(--cf-parchment);border:1px solid var(--cf-border);cursor:pointer;text-align:left;background:#241c14;border-radius:3px;padding:5px 6px;font-size:11px}.command-grid button:hover{background:#33281c}.age-badge{color:var(--cf-gold);border-left:1px solid var(--cf-border);text-transform:capitalize;align-items:center;margin-left:4px;padding:3px 10px;display:flex}.victory-banner{letter-spacing:.2em;color:var(--cf-gold);border:1px solid var(--cf-gold);pointer-events:none;background:#0d0b09d9;border-radius:6px;padding:18px 54px;font-size:2.4rem;position:absolute;top:30%;left:50%;transform:translate(-50%)}.victory-banner.lost{color:#b8503c;border-color:#b8503c}.minimap{background:var(--cf-panel);border:1px solid var(--cf-border);border-radius:4px;position:absolute;bottom:10px;left:10px}.selection-panel{background:var(--cf-panel);border:1px solid var(--cf-border);font-variant-numeric:tabular-nums;opacity:.92;border-radius:4px;padding:6px 12px;position:absolute;bottom:10px;left:200px}.menu{pointer-events:auto;background:radial-gradient(at 50% 35%,#241a12 0%,#0d0b09 70%);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex;position:absolute;inset:0}.menu h1{letter-spacing:.18em;text-transform:uppercase;color:var(--cf-gold);text-shadow:0 2px 12px #000c;margin:0;font-size:2.6rem}.menu-panel{background:var(--cf-panel);border:1px solid var(--cf-border);border-radius:6px;grid-template-columns:auto auto;gap:.5rem 1.5rem;padding:1.25rem 1.75rem;display:grid}.menu-panel label{text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-size:.8rem}.menu-panel select{font:inherit;color:var(--cf-parchment);border:1px solid var(--cf-border);background:#241c14;border-radius:3px;padding:4px 8px}.menu-start{letter-spacing:.12em;text-transform:uppercase;color:#1a1208;background:var(--cf-gold);cursor:pointer;border:none;border-radius:4px;padding:10px 34px;font-size:1rem}.menu-start:hover{filter:brightness(1.1)}