.frontier-app{background:#e4dfcb;color:#263b3c;font:13px/1.5 Verdana,sans-serif;padding:12px;min-height:500px}.ft-banner{display:flex;align-items:center;gap:16px;border-bottom:2px solid #849582;padding:4px 3px 12px}.ft-banner h2{font:700 30px/1 Georgia,serif;letter-spacing:5px;margin:4px 0;color:#294944}.ft-banner small{font-size:9px;letter-spacing:2px}.ft-turn{margin-left:auto;font:12px monospace;white-space:nowrap}.frontier-app button{font:inherit;cursor:pointer;padding:7px 10px;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 canvas:focus-visible,.frontier-app select:focus-visible{outline:3px solid #ae691d;outline-offset:2px}.frontier-app button:disabled{opacity:.5;cursor:default}.frontier-app button[aria-pressed=true]{background:#31554d;color:#fff5dc}.frontier-app [data-ft=end]{background:#31554d;color:#fff5dc;font-weight:bold;padding:10px 14px}.ft-resources{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;border-bottom:1px solid #a5ad96;padding:10px 0;gap:8px}.ft-resources>div{display:grid;border-right:1px solid #b9bea8;padding-left:8px}.ft-resources small{text-transform:uppercase;font-size:9px;letter-spacing:1px}.ft-resources b{font:22px Georgia,serif}.ft-resources span{font-size:10px;color:#546657}.ft-resources .ft-danger,.ft-resources .ft-danger span{color:#a33524}.ft-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:14px;margin-top:12px}.ft-map-scroll{background:#202e37;border:3px solid #354b46;overflow:auto}.frontier-app canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:manipulation;cursor:crosshair}.ft-map-caption{display:flex;justify-content:space-between;gap:6px;font:9px/1.6 monospace;letter-spacing:1px;padding:5px 0;border-bottom:1px solid #a5ad96}.ft-message{background:#f3efd9;border-left:3px solid #526e57;padding:9px;margin:9px 0;font-size:12px;min-height:38px}.ft-inspector{padding:8px 0}.ft-muted{display:block;color:#65705f;font-size:11px}.ft-unit-list,.ft-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.ft-unit-list button{font-size:11px}.ft-unit-detail{margin-top:10px;border-top:1px solid #b9bea8;padding-top:8px}.ft-council{border-left:1px solid #a5ad96;padding-left:12px}.ft-council nav{display:flex;flex-wrap:wrap;gap:3px}.ft-council nav button{font-size:10px;padding:5px}.ft-panel{padding-top:5px}.ft-panel h3{font:700 13px Georgia,serif;letter-spacing:1px;margin:10px 0}.ft-panel h4{font-size:11px;margin:14px 0 6px}.ft-panel>button,.ft-option>button{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:5px;margin:5px 0}.ft-panel small{font-size:10px;font-weight:normal}.ft-option>small{display:block;color:#65705f;line-height:1.5}.ft-option{margin-bottom:9px}.ft-panel p{font-size:11px}.frontier-app select{max-width:100%;width:100%;font:11px Verdana,sans-serif;padding:7px;background:#f6f1df;color:#263b3c;border:1px solid #87947c}.ft-rival{border-bottom:1px solid #b9bea8;padding-bottom:12px}.ft-faction-1{color:#aa4130}.ft-faction-2{color:#587531}.ft-log{padding-left:18px;font-size:11px}.ft-log li{margin-bottom:9px}.frontier-app footer{display:flex;align-items:start;flex-wrap:wrap;gap:10px;border-top:1px solid #a5ad96;padding-top:10px;margin-top:10px}.frontier-app details{flex:1;font-size:11px;min-width:170px}.frontier-app summary{cursor:pointer;font-weight:bold}.ft-save{font-size:9px;color:#65705f}.frontier-app footer button{font-size:10px}.frontier-window{min-width:320px}.frontier-window .window-body{padding:0!important}@media(max-width:700px){.ft-layout{grid-template-columns:1fr}.ft-council{border-left:0;border-top:1px solid #a5ad96;padding:8px 0}.ft-resources{grid-template-columns:repeat(3,1fr)}.ft-banner{gap:8px;flex-wrap:wrap}.ft-banner h2{font-size:24px}.ft-turn{font-size:10px}.ft-map-caption{letter-spacing:0;font-size:8px}.frontier-app{padding:8px}.frontier-app canvas{min-width:600px}.ft-map-scroll{max-height:420px}}