:root{--stone:#241e18;--stone-hi:#362d23;--stone-lo:#171310;--edge:#6b5537;--edge-hi:#9a7c4c;--gold:#d9a83f;--parch:#ece0c4;--muted:#a2947a;--ink:#12100c;--orc:#8ab53f;--human:#5b9bd8;--danger:#c9432c;--ok:#5fbf4a;--panel-shadow:0 4px 16px #0000008c;--title-font:"Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--ui-font:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{background:var(--stone-lo);height:100%;color:var(--parch);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;overflow:hidden}#game{position:fixed;inset:0}#map{cursor:crosshair;width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}#map.panning{cursor:grabbing}#topbar{background:linear-gradient(180deg, var(--stone-hi), var(--stone));border-bottom:2px solid var(--edge);height:46px;box-shadow:var(--panel-shadow);z-index:10;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--title-font);color:var(--gold);letter-spacing:.4px;text-shadow:0 1px #000;border-right:1px solid var(--edge);white-space:nowrap;margin-right:4px;padding-right:6px;font-size:19px;font-weight:700}.stat{background:var(--stone-lo);border:1px solid var(--edge);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:13px}.stat.wide{text-overflow:ellipsis;max-width:340px;overflow:hidden}.spacer{flex:1}button{color:var(--parch);background:linear-gradient(180deg, var(--stone-hi), var(--stone));border:1px solid var(--edge);cursor:pointer;white-space:nowrap;border-radius:3px;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:linear-gradient(180deg, #453a2c, var(--stone-hi));border-color:var(--edge-hi)}button:disabled{opacity:.42;cursor:default}button.primary{color:var(--ink);background:linear-gradient(180deg, #e8bf5c, var(--gold));border-color:#7a5c22;font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(#f4d27a,#e2b44b)}button.small{padding:3px 8px;font-size:12px}.panel{border:2px solid var(--edge);box-shadow:var(--panel-shadow);background:linear-gradient(#241e18f7,#171310f7);border-radius:4px;overflow:hidden}.panel-title{font-family:var(--title-font);color:var(--gold);border-bottom:1px solid var(--edge);letter-spacing:.3px;background:#00000052;padding:6px 10px;font-size:14px;font-weight:700}.panel-body{padding:9px 10px;line-height:1.5}.muted{color:var(--muted)}.flavor{color:var(--muted);font-size:12px;font-style:italic;line-height:1.45}#sidebar{z-index:8;width:274px;max-height:calc(100vh - 300px);position:absolute;top:56px;right:10px;overflow-y:auto}#minimap-panel{background:var(--stone);border:2px solid var(--edge);width:274px;box-shadow:var(--panel-shadow);z-index:8;border-radius:4px;padding:5px;position:absolute;bottom:10px;right:10px}#minimap{width:100%;image-rendering:pixelated;cursor:pointer;background:#0a0806;display:block}#logbox{border:1px solid var(--edge);z-index:8;background:#100d0adb;border-radius:4px;width:400px;max-height:168px;padding:6px 9px;font-size:12.5px;line-height:1.5;position:absolute;bottom:10px;left:10px;overflow-y:auto}#logbox .entry{border-bottom:1px solid #6b553733;padding:1px 0}#logbox .entry:last-child{border-bottom:none}.k-combat{color:#f0a08a}.k-growth{color:#a8d98a}.k-research{color:#9fc8ec}.k-bad{color:var(--danger)}.k-good{color:var(--ok)}.k-info{color:var(--muted)}.stat-row{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.stat-row .label{color:var(--muted)}.stat-row .value{font-variant-numeric:tabular-nums}.chip{border:1px solid var(--edge);background:#0000004d;border-radius:9px;margin:2px 3px 2px 0;padding:1px 7px;font-size:11px;display:inline-block}.chip.orc{border-color:var(--orc);color:var(--orc)}.chip.human{border-color:var(--human);color:var(--human)}.button-row{flex-wrap:wrap;gap:5px;padding:8px 10px 10px;display:flex}.bar{background:var(--stone-lo);border:1px solid var(--edge);border-radius:3px;height:8px;overflow:hidden}.bar>span{background:linear-gradient(90deg, #8a6c2c, var(--gold));height:100%;display:block}#modal-root:empty{display:none}.modal-backdrop{z-index:100;background:#060504b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border:2px solid var(--edge);background:linear-gradient(#2b241c,#1b1712);border-radius:5px;flex-direction:column;max-width:min(1100px,96vw);max-height:92vh;display:flex;box-shadow:0 12px 40px #000000b3}.modal-head{border-bottom:1px solid var(--edge);background:#0000004d;align-items:center;gap:12px;padding:10px 14px;display:flex}.modal-head h2{font-family:var(--title-font);color:var(--gold);margin:0;font-size:18px;font-weight:700}.modal-content{min-height:0;padding:14px;overflow:auto}.city-grid{grid-template-columns:minmax(260px,1fr) minmax(320px,1.3fr);align-items:start;gap:14px;display:grid}@media (max-width:760px){.city-grid{grid-template-columns:1fr}}.build-list{background:#00000038;border:1px solid #6b553780;flex-direction:column;gap:4px;max-height:260px;padding:6px;display:flex;overflow-y:auto}.build-option{white-space:normal;text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;gap:2px 10px;width:100%;padding:6px 9px;display:grid}.build-option.active{border-color:var(--gold);background:linear-gradient(#4a3d25,#332a1c)}.build-name{align-self:center;font-weight:600}.build-icon{object-fit:contain;width:26px;height:26px;image-rendering:pixelated;align-self:center}.garrison-unit{align-items:center;gap:5px;display:inline-flex}.garrison-unit .unit-icon{object-fit:contain;width:20px;height:20px;image-rendering:pixelated}.build-cost{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px}.build-blurb{color:var(--muted);grid-column:1/-1;font-size:11.5px;font-style:italic;line-height:1.35}.city-row{cursor:pointer;border-radius:3px;justify-content:space-between;gap:8px;padding:3px 4px;display:flex}.city-row:hover{background:#d9a83f24}.tech-tree{align-items:flex-start;gap:10px;padding:10px 4px 4px;display:flex;overflow-x:auto}.tech-col{flex-direction:column;gap:7px;min-width:208px;max-width:208px;display:flex}.tech-tier{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--edge);padding-bottom:3px;font-size:11px}.tech-card{border:1px solid var(--edge);cursor:default;background:#00000047;border-radius:3px;padding:7px 9px}.tech-card.open{cursor:pointer;border-color:var(--edge-hi);background:#46392480}.tech-card.open:hover{border-color:var(--gold);background:#64502c99}.tech-card.known{border-color:var(--ok);background:#34522c6b}.tech-card.active{border-color:var(--gold);background:#785c248c;box-shadow:inset 0 0 0 1px #d9a83f66}.tech-card.locked{opacity:.48}.tech-name{font-size:13px;font-weight:700;line-height:1.25}.tech-cost{color:var(--gold);font-variant-numeric:tabular-nums;font-size:11px}.tech-unlocks{color:#b8d8f0;margin-top:3px;font-size:11.5px;line-height:1.35}.tech-needs{color:#d09a86;margin-top:2px;font-size:11px}.tech-flavor{color:var(--muted);margin-top:4px;font-size:11px;font-style:italic;line-height:1.35}.field-label{letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field{flex:1;min-width:160px;display:block}.field input{width:100%;color:var(--parch);background:var(--stone-lo);border:1px solid var(--edge);border-radius:3px;padding:6px 9px;font-family:inherit;font-size:13px}.field input:focus{border-color:var(--gold);outline:none}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-card{white-space:normal;border:1px solid var(--edge);cursor:pointer;background:#00000042;border-radius:4px;flex-direction:column;flex:200px;gap:2px;min-width:0;padding:9px 11px;transition:border-color .12s,background .12s;display:flex}.choice-card:hover{border-color:var(--edge-hi)}.choice-card.selected{border-color:var(--gold);background:#785c2459}.choice-card input{display:none}.choice-name{font-size:13.5px;font-weight:700}.choice-sub{color:var(--muted);font-size:11.5px}.choice-blurb{overflow-wrap:anywhere;color:var(--muted);margin-top:3px;font-size:11.5px;font-style:italic;line-height:1.4}.slider-row{grid-template-columns:70px 1fr 48px;align-items:center;gap:10px;padding:7px 0;display:grid}.slider-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--gold);font-size:12.5px}input[type=range]{appearance:none;background:linear-gradient(90deg, #8a6c2c, var(--gold));border:1px solid var(--edge);cursor:pointer;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(#f4d27a,#d9a83f);border:1px solid #4a3a1c;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0009}input[type=range]::-moz-range-thumb{background:#d9a83f;border:1px solid #4a3a1c;border-radius:50%;width:15px;height:15px}.slot-row{border-bottom:1px solid #6b55374d;align-items:center;gap:8px;padding:6px 0;display:flex}.slot-row:last-of-type{border-bottom:none}.slot-name{min-width:56px;font-weight:600}.slot-info{flex:1;font-size:12.5px}.pedia-link{color:var(--gold);text-underline-offset:3px;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.pedia-link:hover{color:#f4d27a}.pedia-tabs{border-bottom:1px solid var(--edge);flex-wrap:wrap;gap:5px;margin-bottom:12px;padding-bottom:8px;display:flex}.pedia-tab.active{border-color:var(--gold);color:var(--gold);background:linear-gradient(#4a3d25,#332a1c)}.pedia-pane[hidden]{display:none}.pedia-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:9px;display:grid}.pedia-card{border:1px solid var(--edge);background:#00000042;border-radius:4px;gap:10px;padding:9px;display:flex}.pedia-highlight{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d9a83f73}.pedia-art{width:64px;height:64px;image-rendering:pixelated;flex:none;align-self:flex-start}.pedia-body{min-width:0}.pedia-name{font-size:13.5px;font-weight:700}.pedia-stats{color:var(--gold);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:9px;margin:2px 0;font-size:11.5px;display:flex}.pedia-tech{color:#b8d8f0;font-size:11.5px}.pedia-notes{color:#d0b98a;font-size:11.5px}.pedia-flavor{color:var(--muted);margin-top:3px;font-size:11.5px;font-style:italic;line-height:1.4}.pedia-ladder{flex-wrap:wrap;align-items:center;gap:3px;margin-top:5px;display:flex}.pedia-ladder .chip{text-align:center;min-width:22px;margin:0}.pedia-ladder-note{color:var(--muted);margin-left:3px;font-size:10.5px}.pedia-rows{flex-direction:column;display:flex}.pedia-tech-row{border-bottom:1px solid #6b553747;grid-template-columns:32px minmax(140px,1.1fr) 120px minmax(120px,1fr);align-items:baseline;gap:4px 12px;padding:7px 4px;display:grid}.pedia-tech-name{font-weight:600}.pedia-tech-cost{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px}.pedia-tech-needs{color:var(--muted);font-size:12px}.pedia-tech-row .pedia-flavor{grid-column:2/-1;margin:0}.pedia-special{border-left:2px solid #f0c64a59;grid-column:2/-1;grid-template-columns:20px minmax(120px,1fr) 60px minmax(140px,2fr);align-items:center;gap:8px;margin-top:5px;padding-left:8px;display:grid}.pedia-special-icon{width:20px;height:20px;image-rendering:pixelated}.pedia-special-name{color:var(--gold);font-size:12px}.pedia-special-yield{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px}.pedia-special-gain{color:var(--muted);font-size:11px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--stone-lo)}::-webkit-scrollbar-thumb{background:var(--stone-hi);border:1px solid var(--edge);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#45392c}.tech-head{align-items:flex-start;gap:7px;display:flex}.tech-icon{width:28px;height:28px;image-rendering:pixelated;border-radius:3px;flex:none}.building-chip{align-items:center;gap:5px;padding-left:4px;display:inline-flex}.building-icon{width:18px;height:18px;image-rendering:pixelated}.pedia-building{color:#c8b98a}.build-info{text-align:center;border:1px solid var(--edge);width:17px;height:17px;color:var(--muted);cursor:help;border-radius:50%;align-self:center;font-size:11px;line-height:16px}.build-info:hover{color:var(--gold);border-color:var(--gold)}a.building-chip{cursor:pointer;text-decoration:none}a.building-chip:hover{border-color:var(--gold)}.pedia-row-icon{width:32px;height:32px;image-rendering:pixelated;grid-row:span 2;align-self:center}.pedia-row-icon.terrain{border:1px solid var(--edge);border-radius:3px}button.small.armed{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}ul.pedia-notes{color:var(--ink-dim);margin:4px 0 0;padding-left:16px;font-size:12px;line-height:1.45;list-style:outside}ul.pedia-notes li{margin:1px 0}.pedia-tech-row ul.pedia-notes{grid-column:2/-1}button.small.rush{border-color:var(--gold);color:var(--gold);margin-top:6px}button.small.rush[disabled]{opacity:.45;cursor:not-allowed;border-color:var(--edge);color:var(--ink-dim)}.citizen-row{flex-wrap:wrap;gap:2px;margin:4px 0 2px;display:flex}.citizen{width:32px;height:32px;image-rendering:pixelated;background-repeat:no-repeat;background-size:auto 32px;border-radius:3px}.auto-build{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.report-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 18px;display:grid}.report-summary>div{justify-content:space-between;gap:10px;display:flex}.report-scroll{max-height:34vh;overflow-y:auto}.report-table{border-collapse:collapse;width:100%;font-size:13px}.report-table th,.report-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:3px 9px}.report-table th{color:var(--muted);background:#241e18;font-weight:600;position:sticky;top:0}.report-table .num{text-align:right}.bad-text{color:var(--bad,#d9705a)}.report-table tr[data-city]{cursor:pointer}.report-table tr[data-city]:hover{background:#ffffff0d}.garrison-row{flex-wrap:wrap;gap:4px;display:flex}.victory-art{object-fit:cover;object-position:center;border-bottom:2px solid var(--edge);image-rendering:auto;width:100%;max-height:42vh;display:block}.rates-note{margin-bottom:6px;font-size:11.5px;font-style:italic}.rate-row{grid-template-columns:52px auto 1fr auto 44px;align-items:center;gap:6px;padding:2px 0;display:grid}.rate-name{font-weight:600}.rate-value{color:var(--gold);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.rate-blurb{grid-column:1/-1;padding-bottom:3px;font-size:11px;font-style:italic;line-height:1.3}.rate-pips{gap:2px;display:flex}.pip{border:1px solid var(--edge);background:0 0;border-radius:2px;flex:1;height:10px}.pip.on{background:var(--gold);border-color:var(--gold)}.advisor-note{font-size:11.5px;font-style:italic;line-height:1.4}.advisors{flex-direction:column;gap:8px;padding:0 9px 9px;display:flex}.advisor{border:1px solid var(--edge);background:linear-gradient(#2a2318,#211c14);border-radius:4px;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:4px 10px;padding:8px;display:grid;position:relative}.advisor-face{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;border:1px solid var(--edge);background:#15110c;border-radius:3px;grid-row:1/span 2}.advisor-who{flex-wrap:wrap;align-items:baseline;gap:3px 8px;display:flex}.advisor-name{color:var(--gold);font-weight:600}.advisor-role{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.advisor-blurb{flex-basis:100%;font-size:11px;font-style:italic;line-height:1.3}.advisor-line{font-size:12.5px;line-height:1.45}.small.danger{color:#e6a08c;border-color:#7a3a2c}.small.danger:hover{color:#ffd9cc;border-color:#c8503c}.confirm-body{margin:0 0 10px;font-size:12.5px;line-height:1.45}.confirm-row{justify-content:flex-end;gap:8px;display:flex}.crop-head{justify-content:space-between;align-items:center;gap:8px;margin:10px 0 4px;font-size:12px;display:flex}.crop-grid{grid-template-columns:repeat(5,46px);justify-content:center;gap:2px;margin-bottom:10px;display:grid}.crop-cell{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;width:46px;height:46px;padding:0;position:relative;overflow:hidden}.crop-cell img{width:100%;height:100%;image-rendering:pixelated;opacity:.55;position:absolute;inset:0}.crop-cell.worked img{opacity:1}.crop-cell .crop-special{opacity:1;width:16px;height:16px;inset:1px 1px auto auto}.crop-yield{font-variant-numeric:tabular-nums;text-align:center;color:#f4e4bd;background:#140e08b8;padding:1px 0;font-size:10px;position:absolute;bottom:0;left:0;right:0}.crop-cell.worked{border-color:#f0c64a8c}.crop-cell.chosen{border-color:var(--gold);box-shadow:inset 0 0 0 1px #f0c64a73}.crop-cell.blocked{cursor:default;filter:grayscale(.7)}.crop-cell.blocked .crop-yield{color:var(--muted)}.crop-cell.empty{visibility:hidden}.crop-cell.centre{cursor:default;border-color:#f0c64a59}.crop-here{color:var(--gold);text-shadow:0 1px 2px #000;font-size:12px;position:absolute;top:1px;left:3px}kbd{border:1px solid var(--edge);color:var(--gold);background:#140e0899;border-bottom-width:2px;border-radius:3px;padding:1px 6px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.advisor.contested{cursor:pointer}.advisor.contested:hover,.advisor.contested:focus-visible{border-color:var(--gold);outline:none}.advisor-replies{border-left:2px solid #f0c64a59;grid-column:1/-1;gap:8px;margin-top:8px;padding-left:10px;display:grid}.advisor-reply{color:var(--muted);grid-template-columns:28px 1fr;align-items:start;gap:8px;font-size:13px;display:grid}.advisor-reply .advisor-name{color:var(--gold);font-size:12px;display:block}.advisor-reply-face{width:28px;height:28px;image-rendering:pixelated;border-radius:3px}.advisor-bubble{pointer-events:none;filter:drop-shadow(0 1px 2px #000c);width:22px;height:22px;position:absolute;top:2px;left:52px}.advisor-bubble.thought{opacity:.82;width:20px;height:20px}.pedia-controls{column-width:320px;column-gap:24px;padding:10px 12px 16px}.pedia-controls .panel-title{break-after:avoid;break-inside:avoid;margin:12px 0 4px}.pedia-controls .panel-title:first-child{margin-top:0}.pedia-controls .stat-row{break-inside:avoid;align-items:baseline;gap:14px}.pedia-controls .stat-row .label{flex:none}.pedia-controls .stat-row .value{text-align:right;font-variant-numeric:normal}.crisis-list{margin:10px 0 4px;padding-left:20px;list-style:none}.crisis-list li{color:var(--bad,#e08a72);padding:4px 0;line-height:1.45;position:relative}.crisis-list li:before{content:"!";color:var(--gold);font-weight:700;position:absolute;left:-18px}.advice-list{flex-direction:column;gap:2px;padding:6px 0 2px;display:flex}.advice-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:normal;background:0 0;border:1px solid #0000;border-radius:3px;align-items:baseline;gap:10px;padding:4px 8px;display:flex}.advice-row:hover{border-color:var(--edge);background:#00000040}.advice-face{border:1px solid var(--edge);object-fit:cover;background:#0000004d;border-radius:3px;flex:none;width:28px;height:28px}.advice-face.empty{background:0 0;border-color:#0000}.advice-who{min-width:140px;color:var(--gold);font-family:var(--title-font);flex:none;font-size:13px}.advice-why{min-width:0;color:var(--muted);line-height:1.4}@media (max-width:720px){.advice-row{flex-wrap:wrap}.advice-who{min-width:0}.advice-why{flex:100%;padding-left:38px}}.field-check{border:1px solid var(--edge);cursor:pointer;background:#00000038;border-radius:3px;align-items:flex-start;gap:10px;margin-top:10px;padding:8px 10px;line-height:1.45;display:flex}.field-check input{flex:none;margin-top:3px}.palace-body{flex-direction:column;align-items:center;gap:6px;display:flex}.palace{image-rendering:pixelated;margin:4px 0 6px;position:relative}.palace-piece{image-rendering:pixelated;position:absolute}.palace-piece.flipped{transform:scaleX(-1)}.palace-parts{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.pride-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:8px 0;display:grid}.pride-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.pride-art{width:auto;height:88px;image-rendering:pixelated}.pride-name{font-weight:600}.pride-blurb{opacity:.75;font-style:italic}