/* Compact, window-sized strategy board. Long catalogues use selectors and pages. */
/* Stock amounts and net rates remain visible at every window size. */
.frontier-window{height:min(620px,calc(100dvh - 68px));min-width:320px}.frontier-window .window-body{padding:0!important;overflow:hidden!important;display:flex;min-height:0}.frontier-window [data-frontier-mount]{flex:1;min-width:0;min-height:0}.frontier-app{box-sizing:border-box;height:100%;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;container-type:inline-size;background:#e4dfcb;color:#263b3c;font:11px/1.3 Verdana,sans-serif;padding:6px}.frontier-app [hidden]{display:none!important}.frontier-app button{font:inherit;cursor:pointer;padding:4px 6px;color:#213d3c;background:#f4f0de;border:1px solid #87947c;border-radius:2px;box-shadow:0 1px #bdbea7}.frontier-app button:hover:not(:disabled){background:#fff9df;border-color:#314f43}.frontier-app button:focus-visible,.frontier-app select:focus-visible,.frontier-app svg:focus-visible{outline:2px solid #ae691d;outline-offset:1px}.frontier-app button:disabled{opacity:.48;cursor:default}.frontier-app button[aria-pressed=true],.frontier-app button[aria-pressed=true]:hover:not(:disabled){background:#31554d;color:#fff5dc}.ft-banner{display:flex;flex:none;align-items:center;gap:10px;border-bottom:1px solid #849582;padding:2px 2px 5px}.ft-banner h2{font:700 21px/1 Georgia,serif;letter-spacing:3px;margin:0;color:#294944}.ft-banner small{display:none}.ft-turn{margin-left:auto;font:10px monospace;white-space:nowrap}.frontier-app [data-ft=end]{background:#31554d;color:#fff5dc;font-weight:bold;padding:6px 9px}.ft-resources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;flex:none;border-bottom:1px solid #a5ad96;padding:4px 0}.ft-resources>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 5px;border-right:1px solid #b9bea8;padding:0 5px;min-width:0}.ft-resources small{grid-column:1/-1;text-transform:uppercase;font-size:8px;letter-spacing:.5px}.ft-resources b{font:17px/1.1 Georgia,serif;white-space:nowrap}.ft-resources span{font-size:9px;color:#546657;white-space:nowrap}.ft-resources .ft-danger,.ft-resources .ft-danger span{color:#a33524}.ft-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:6px;flex:1;min-height:0;margin-top:4px}.ft-world{min-width:0;min-height:0;display:flex;flex-direction:column}.ft-map-tools{display:flex;flex:none;gap:3px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.ft-map-tools button{font-size:10px;padding:3px 5px}.ft-viewport{margin-left:auto;font:9px monospace}.ft-map-scroll{display:flex;align-items:center;justify-content:center;background:#202e37;border:2px solid #354b46;overflow:hidden;flex:1;min-height:0;min-width:0}.frontier-app .ft-map{display:block;width:100%;height:100%;min-width:0;touch-action:manipulation;cursor:crosshair}.ft-quick-tile{font-size:9px;margin-top:3px;min-height:24px;max-height:26px;overflow:hidden}.ft-map-caption{display:none}.ft-message{flex:none;background:#f3efd9;border-left:3px solid #526e57;padding:4px 6px;margin:3px 0 0;font-size:10px;min-height:25px;max-height:29px;overflow:hidden}.ft-council{display:flex;flex-direction:column;min-height:0;min-width:0;border-left:1px solid #a5ad96;padding-left:6px}.ft-council nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;flex:none;margin-bottom:4px}.ft-council nav button{font-size:9px;padding:4px 1px;min-width:0;letter-spacing:-.2px}.ft-panel,.ft-inspector,.ft-overview{min-height:0;flex:1;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.ft-panel::-webkit-scrollbar,.ft-inspector::-webkit-scrollbar,.ft-overview::-webkit-scrollbar{display:none}.frontier-app h3{font:700 12px/1.3 Georgia,serif;letter-spacing:.4px;margin:2px 0 5px}.frontier-app h4{font-size:11px;margin:5px 0 3px}.ft-panel p,.ft-inspector p{font-size:10px;margin:5px 0}.frontier-app label{display:block;font-size:9px;margin:3px 0}.frontier-app select,.frontier-app input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;font:10px Verdana,sans-serif;padding:4px;background:#f6f1df;color:#263b3c;border:1px solid #87947c}.ft-panel small,.ft-inspector small{display:block;font-size:9px;line-height:1.35}.ft-muted{color:#65705f;font-size:9px}.ft-compact-card{margin:5px 0;padding:6px;border:1px solid #a5ad96;background:#f3eedb}.ft-compact-card>button{width:100%;margin-top:5px}.ft-compact-card small{margin:3px 0}.ft-compact-card b{font:700 12px Georgia,serif}.ft-subtabs,.ft-actions,.ft-unit-list{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0}.ft-subtabs button,.ft-actions button{font-size:10px;padding:4px 5px}.ft-subtabs button:disabled{opacity:1;background:#31554d;color:#fff5dc}.ft-unit-list button{font-size:9px;padding:3px 4px}.ft-unit-detail{border-top:1px solid #b9bea8;padding-top:4px;margin-top:4px;font-size:10px}.ft-tile-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:5px 0}.ft-tile-stats div{min-width:0}.ft-tile-stats dt{font-size:8px;text-transform:uppercase;color:#65705f}.ft-tile-stats dd{font-size:10px;margin:0;overflow-wrap:anywhere}.ft-tile-card h3 small{display:inline;font:9px Verdana,sans-serif}.ft-terrain-rules{font-size:9px;line-height:1.3;padding-left:13px;margin:4px 0}.ft-battle-preview{background:#eee5cb;padding:4px;margin-top:4px}.ft-research-lock{color:#904f30}.ft-research-queue{border:1px solid #87947c;background:#f3eedb;padding:5px;margin-top:5px}.ft-research-queue ol{padding-left:17px;margin:3px 0}.ft-research-queue li{font-size:10px;margin:3px 0}.ft-research-queue li span{display:inline-flex;gap:2px;margin-left:4px}.ft-research-queue li button{font-size:9px;padding:1px 5px}.ft-research-queue .ft-actions{margin:3px 0}.ft-stock{border-bottom:1px solid #b9bea8;padding:5px 0}.ft-stock small{margin:2px 0}.ft-log{font-size:10px;margin:5px 0;padding-left:18px}.ft-log li{margin:7px 0}.ft-surrender{padding:5px;border:1px solid #8c6d35;background:#fff1bd}.ft-overview .ft-minimap{display:block;width:100%;height:auto;max-height:calc(100% - 50px);aspect-ratio:1;background:#202e37;border:1px solid #849582;cursor:crosshair}.ft-overview p{font-size:10px}.frontier-app footer{display:flex;align-items:center;gap:7px;flex:none;border-top:1px solid #a5ad96;padding-top:4px;margin-top:4px;min-height:21px}.frontier-app footer>small{font-size:9px;flex:1}.frontier-app footer button{font-size:9px;padding:3px 5px}.ft-save{font-size:8px;color:#65705f}.ft-setup{position:absolute;z-index:10;top:45px;left:50%;transform:translateX(-50%);box-sizing:border-box;width:min(550px,calc(100% - 20px));max-height:calc(100% - 60px);overflow:auto;border:1px solid #87947c;background:#f2ecd7;padding:10px;box-shadow:0 5px 25px #16242c80}.ft-setup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ft-world-limit,.ft-setup p{font-size:10px;margin:5px 0}.ft-town-border{pointer-events:none}@container(max-width:740px){.ft-layout{grid-template-columns:minmax(0,1fr) 265px}.ft-resources b{font-size:15px}.ft-resources span{font-size:8px}.frontier-app footer>small{display:none}}@container(max-width:550px){.ft-layout{grid-template-columns:minmax(0,1fr) 215px}.ft-council nav{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-resources span{display:none}.ft-resources b{font-size:14px}.ft-turn{font-size:8px}.ft-banner h2{font-size:18px}.ft-map-tools button{padding:2px 4px}.ft-viewport{width:100%;margin:0}.ft-save{margin-left:auto}.ft-panel small,.ft-inspector small,.ft-terrain-rules{font-size:8px}}

.ft-name-error:empty{display:none}.ft-name-error{color:#a33524}

.ft-production{padding:4px 0}.ft-production ol{padding-left:18px;margin:6px 0}.ft-production li{margin-bottom:8px}.ft-production progress{display:block;width:100%;height:7px;accent-color:#31554d;margin:3px 0}

.frontier-app [data-ft=end]:hover:not(:disabled){background:#3c685d;color:#fff5dc}

.ft-upgrades{flex-basis:100%;border:1px solid #a5ad96;padding:4px}.ft-upgrades summary{cursor:pointer;font-weight:bold}.ft-upgrades button{margin:4px 0}.ft-panel .ft-danger{color:#a33524}

.frontier-app .ft-resources{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:5px 0}
.frontier-app .ft-resources>.ft-resource-card,.frontier-app .ft-resources>.ft-stockpile-link{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:6px 8px;border:1px solid #b1b99f;border-radius:3px;background:#f3efdd;text-align:left;box-shadow:none}
.frontier-app .ft-resources small{font-size:9px;letter-spacing:.6px;color:#455d50}
.frontier-app .ft-resources b{font:700 20px/1.1 Georgia,serif;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.frontier-app .ft-resources span{display:block;font-size:9px;line-height:1.3;white-space:normal}
.frontier-app .ft-resources .ft-resource-rate{font-weight:bold;color:#31594b}
.frontier-app .ft-resources .ft-resource-note{font-size:8px;color:#65705f}
.frontier-app .ft-resources .ft-danger{border-color:#b97c5a;background:#f8e9d5}
.frontier-app .ft-resources .ft-danger .ft-resource-rate{color:#a33524}
.frontier-app .ft-resources .ft-stockpile-link{justify-content:center;background:#e6ebd8;border-color:#87947c}
.frontier-app .ft-resources .ft-stockpile-link b{font-size:16px}
.frontier-app .ft-resources .ft-stockpile-link:hover{background:#f8f5df}
.ft-stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:4px 0 9px}
.ft-stock-grid .ft-stock{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px;border:1px solid #b1b99f;background:#f3efdd;padding:6px;min-width:0}
.ft-stock-grid .ft-stock b{font-size:10px;overflow-wrap:anywhere}
.ft-stock-grid .ft-stock strong{font:700 18px/1.1 Georgia,serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ft-stock-grid .ft-stock small{grid-column:1/-1;font-size:8px;margin:0}
.ft-stock-grid .ft-stock-locked{background:#e3e2d2;color:#687361}
.ft-stock-rules{padding-top:6px;border-top:1px solid #a5ad96}
@container(max-width:550px){.frontier-app .ft-resources{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.frontier-app .ft-resources>.ft-resource-card,.frontier-app .ft-resources>.ft-stockpile-link{padding:4px 6px}.frontier-app .ft-resources b{font-size:17px}}

.frontier-app .ft-resources .ft-stockpile-link[aria-pressed=true] small,.frontier-app .ft-resources .ft-stockpile-link[aria-pressed=true] span{color:#fff5dc}
.ft-panel:has(.ft-stock-grid){scrollbar-width:thin}.ft-panel:has(.ft-stock-grid)::-webkit-scrollbar{display:block;width:6px}

/* Informative, replay-only combat exchanges. The engine has already resolved and saved them. */
.ft-combat-modal{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:10px;background:#13252ad9;box-sizing:border-box}
.ft-combat-window{width:min(540px,100%);max-height:100%;overflow:auto;background:#eee7cf;border:2px solid #a8b18f;box-shadow:0 12px 36px #09171bb3;color:#263b3c;border-radius:5px}
.ft-combat-window>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:#294b45;color:#fff2cb}
.ft-combat-window>header small{font-size:8px;letter-spacing:1px;color:#cfddbe}.ft-combat-window>header h3{font:700 19px/1.2 Georgia,serif;margin:3px 0;color:#fff2cb}
.ft-combat-names{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:9px 15px;background:#f5efd9}
.ft-combat-names>div:last-child{text-align:right}.ft-combat-names small{display:block;font-size:8px;letter-spacing:.5px;color:#5b6b57}.ft-combat-names b{display:block;font:700 14px/1.2 Georgia,serif;margin-top:3px}
.ft-combat-stage{height:145px;display:flex;align-items:flex-end;justify-content:space-around;position:relative;overflow:hidden;background:linear-gradient(#9eb6b7 0%,#dce0c1 55%,#788f52 56%,#4c6946 100%);border-block:1px solid #7b8e71}
.ft-combat-stage:before{content:"";position:absolute;inset:25% -15% 18%;border-radius:50%;background:#688d7770;transform:rotate(-4deg)}
.ft-combat-stage[data-terrain=forest],.ft-combat-stage[data-terrain=jungle],.ft-combat-stage[data-terrain=taiga]{background:linear-gradient(#476c65,#819e77 54%,#3b5940 55%,#283f36)}
.ft-combat-stage[data-terrain=water],.ft-combat-stage[data-terrain=lake]{background:linear-gradient(#94b6c2,#d6e3dc 54%,#547e93 55%,#2e5269)}
.ft-combat-stage[data-terrain=desert],.ft-combat-stage[data-terrain=canyon]{background:linear-gradient(#bfc4ac,#e5d0a6 54%,#b99b67 55%,#8e7657)}
.ft-combat-stage[data-terrain=snow],.ft-combat-stage[data-terrain=tundra]{background:linear-gradient(#90aebc,#d8e3db 54%,#d4dccb 55%,#9eafa9)}
.ft-combat-fighter{position:relative;z-index:1;width:115px;height:120px;display:flex;align-items:center;justify-content:center;transform-origin:50% 90%;--strike:22px}
.ft-combat-defender{--strike:-22px}.ft-combat-sprite{width:104px;height:104px;filter:drop-shadow(0 6px 2px #16282a70)}.ft-combat-sprite svg{display:block;width:100%;height:100%}.ft-combat-defender .ft-combat-sprite{transform:scaleX(-1)}
.ft-combat-versus{align-self:center;z-index:1;font:italic 700 17px Georgia,serif;color:#f7efd1;text-shadow:0 1px 3px #1d3337}
.ft-combat-windup{animation:ft-combat-lunge 240ms ease-in forwards}.ft-combat-recover{animation:ft-combat-recover 200ms ease-out}.ft-combat-hit .ft-combat-sprite{animation:ft-combat-hit 550ms ease-out}.ft-combat-fallen .ft-combat-sprite{opacity:.35;filter:grayscale(.7) drop-shadow(0 3px 2px #16282a70)}
.ft-combat-damage{position:absolute;top:12px;left:50%;z-index:2;white-space:nowrap;color:#fff1b9;font:700 25px Georgia,serif;text-shadow:0 2px 2px #7c2626,1px 0 #7c2626;animation:ft-combat-damage 850ms ease-out both;pointer-events:none}
.ft-combat-healthbars{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:10px 14px;background:#f6f0db}.ft-combat-health{display:grid;grid-template-columns:1fr auto;gap:4px;min-width:0}.ft-combat-health b{font-size:10px;overflow-wrap:anywhere}.ft-combat-health strong{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.ft-combat-health progress{grid-column:1/-1;width:100%;height:9px;accent-color:#427f60}.ft-combat-health small,.ft-combat-health em{grid-column:1/-1;font-size:9px}.ft-combat-health em{color:#9c452d;font-style:normal;font-weight:bold}.ft-combat-low progress{accent-color:#b65038}
.ft-combat-status{padding:7px 12px;margin:0!important;min-height:16px;background:#e3e2c9;text-align:center;font-size:11px!important;font-weight:bold}.ft-combat-log{font-size:9px;padding:0 14px 0 29px;margin:5px 0}.ft-combat-log:empty{display:none}
.frontier-app .ft-combat-window>footer{padding:8px 12px;margin:0;gap:10px;justify-content:space-between}.frontier-app .ft-combat-window>footer small{display:block;font-size:8px;max-width:65%}.frontier-app .ft-combat-window>footer button{font-size:11px;padding:6px 11px;background:#31554d;color:#fff5dc;white-space:nowrap}
@keyframes ft-combat-lunge{from{transform:translateX(0)}to{transform:translateX(var(--strike))}}
@keyframes ft-combat-recover{from{transform:translateX(var(--strike))}to{transform:translateX(0)}}
@keyframes ft-combat-hit{0%,40%{filter:brightness(2.2) drop-shadow(0 0 7px #ffedb3)}20%,60%{opacity:.4}100%{opacity:1}}
@keyframes ft-combat-damage{from{transform:translate(-50%,12px);opacity:1}75%{opacity:1}to{transform:translate(-50%,-22px);opacity:0}}
@container(max-width:550px){.ft-combat-window>header h3{font-size:16px}.ft-combat-names{padding:8px 10px}.ft-combat-names b{font-size:12px}.ft-combat-stage{height:115px}.ft-combat-fighter{width:90px;height:105px}.ft-combat-sprite{width:85px;height:85px}.ft-combat-healthbars{padding:8px;gap:8px}.ft-combat-health{display:flex;flex-direction:column;gap:3px}.ft-combat-health strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ft-combat-windup,.ft-combat-recover,.ft-combat-hit .ft-combat-sprite,.ft-combat-damage{animation:none}}