.frontier-dock{display:flex;align-items:center;gap:16px;margin:0 0 9px;border-top:1px solid #dddcca;padding-top:8px;font-size:10px;color:#89917e}.frontier-dock>button{display:flex;align-items:center;gap:7px;padding:6px 12px;background:#3f6252;color:#f6eaca;border-radius:4px;font-size:12px;letter-spacing:1px}.frontier-dock svg{width:17px;height:17px}.frontier-dock>button:hover{background:#2d5141}#frontier-badge{background:#e7d49d;color:#3f5743;font:12px Georgia,serif;min-width:19px;height:19px;display:grid;place-items:center;border-radius:50%;letter-spacing:0}#frontier-badge.alert{background:#b65d43;color:#fff5df}.frontier-version{margin-left:auto;font-family:var(--serif);letter-spacing:2px}.map-card{bottom:280px}.build-hint{bottom:280px}.inspector:has(.building-preview){max-height:calc(100dvh - 410px);overflow:auto}
#frontier-modal{width:min(1000px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #e3dfcb;border-radius:9px;background:#f5f2e7;color:#30473b;box-shadow:0 20px 100px #172c3970;overflow:auto}#frontier-modal::backdrop{background:#1a332b77;backdrop-filter:blur(4px)}.frontier-heading{padding:23px 28px 17px;display:flex;justify-content:space-between;gap:16px;background:linear-gradient(110deg,#e5e9d9,#f5f0df);border-bottom:1px solid #d8ddca}.frontier-kicker{font-size:10px;letter-spacing:1.7px;color:#8c825e}.frontier-heading h2{font:600 29px var(--serif);letter-spacing:3px;margin:7px 0 0}.frontier-heading h2 small{font:11px var(--sans);letter-spacing:0;color:#7f8873;margin-left:18px}.frontier-heading .icon-button{font:27px Georgia,serif;align-self:flex-start}.frontier-supplies{display:flex;flex-wrap:wrap;gap:20px;padding:12px 28px;background:#faf8ef;border-bottom:1px solid #e1dfce}.frontier-supplies>span{font-size:11px;color:#8d917f;display:flex;gap:10px;align-items:center}.frontier-supplies strong{font:18px Georgia,serif;color:#49684e}.frontier-supplies>span:last-child{margin-left:auto}.frontier-tabs{display:flex;padding:12px 28px 0;border-bottom:1px solid #dcdcca;gap:9px;overflow-x:auto}.frontier-tabs button{padding:9px 14px 12px;white-space:nowrap;font-size:12px;border-bottom:2px solid transparent;color:#858b77}.frontier-tabs .active{border-color:#71875f;color:#3b614b;font-weight:600}.frontier-body{padding:22px 28px;min-height:360px}.frontier-body h3{font:600 21px var(--serif);letter-spacing:1px;margin:0 0 12px}.frontier-body h3 small{font:12px var(--sans);color:#8c947d}.frontier-body p{font-size:12px;line-height:1.9;color:#7f8773;margin:9px 0 15px}.frontier-map-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.frontier-map-layout>section{min-width:0}.map-toolbar{display:flex;align-items:center;gap:4px;margin:0 0 9px;font-size:10px}.map-toolbar>span{flex:1;text-align:center;color:#92967e}.map-toolbar button,.coordinate-form button,.frontier-foot button{background:#e6e8d8;padding:6px 8px;border-radius:3px;font-size:10px;white-space:nowrap}.map-toolbar button:hover,.coordinate-form button:hover{background:#d3ddc9}.region-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:6px;background:#d6dcc9;border-radius:5px;box-shadow:inset 0 0 0 1px #b3c2a8}.region-cell{aspect-ratio:1;min-width:0;padding:4px 1px;background:var(--biome);border:2px solid transparent;border-radius:2px;color:#f0eedc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.region-cell span{font:20px var(--serif)}.region-cell small{font-size:8px;white-space:nowrap;opacity:.8}.region-cell.fog{background:#435c52;color:#a6b9a6}.region-cell.owned{border-color:#d6c28b;color:#fdf1ca}.region-cell.selected{outline:2px solid #fff8df;outline-offset:-5px;box-shadow:0 0 0 1px #b9a168}.region-cell.under-raid{background:#976b51}.region-cell:hover{filter:brightness(1.1)}.frontier-body .frontier-tip{font-size:10px;line-height:1.8;color:#91967c;margin:10px 0}.coordinate-form{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px}.coordinate-form label{display:flex;gap:3px;align-items:center}.coordinate-form input{width:66px;min-width:0;border:1px solid #d5d9c5;border-radius:3px;background:#fcfaf3;padding:5px;color:#526d52;font-size:11px}.region-detail{padding:16px;background:#faf8ef;border:1px solid #e2dfce;border-radius:5px}.region-detail h3{font-size:25px;margin:8px 0}.region-status{font-size:11px;color:#a06f49;line-height:1.8;margin-bottom:9px}.region-detail>.secondary{padding:6px 12px;font-size:10px;margin:0 0 10px}.troops-label{font-size:11px;color:#8a8f78;display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 12px}.troops-label input{width:61px;padding:5px;border:1px solid #d5d9c5;border-radius:3px;background:#fffdf4;color:#49684e}.troops-label small{font-size:9px}.frontier-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.frontier-actions button{padding:10px;background:#e9eddf;border:1px solid #d5dec7;border-radius:4px;text-align:left;min-height:61px}.frontier-actions button strong{display:block;font-size:12px;font-weight:500}.frontier-actions button small{display:block;font-size:9px;line-height:1.6;color:#8d917c;margin-top:4px}.frontier-actions button:disabled{opacity:.49}.frontier-actions button:not(:disabled):hover{background:#d6e1ca;border-color:#9bac83}.frontier-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dcdfcc;background:#ecefdf;padding:11px 28px;font-size:9px;color:#91967c}.frontier-intro{padding-bottom:14px}.army-stats{display:flex;gap:26px;flex-wrap:wrap;margin:13px 0 18px}.army-stats span{font-size:11px;color:#8a907b}.army-stats strong{font:24px Georgia,serif;margin-left:8px;color:#4e694d}.frontier-cards,.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.frontier-card{padding:18px;background:#faf8ee;border:1px solid #dfdecd;border-radius:5px;margin-bottom:12px}.frontier-card.raid{border-left:3px solid #b17a52}.frontier-card h4{font:600 22px var(--serif);letter-spacing:1px;margin:8px 0}.frontier-buttons{display:flex;flex-wrap:wrap;gap:7px}.frontier-card button{background:#e4e9d8;border-radius:3px;padding:8px 10px;font-size:10px;line-height:1.5}.frontier-card button:hover{background:#cedbc0}.frontier-intro>.secondary{margin:0;font-size:11px;padding:9px 13px}.frontier-empty{padding:15px;background:#e8ecde;border:1px dashed #c6d1b8;border-radius:4px}.frontier-cards>.frontier-empty{grid-column:1/-1}.order-list{margin-top:10px}.order{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 3px;border-bottom:1px solid #dce0ce}.order strong{font-size:12px}.order small{font-size:10px;color:#8f947d;display:block;margin-top:5px}.order>div:last-child{display:flex;align-items:center;gap:9px;font-size:10px;color:#8a927b}.order progress{width:90px;height:5px;accent-color:#859870}.frontier-log{list-style:none;margin:0;padding:0}.frontier-log li{display:flex;gap:18px;border-bottom:1px solid #dfe1ce;padding:12px 0}.frontier-log time{font-size:10px;color:#a08e64;white-space:nowrap;width:67px;flex-shrink:0;padding-top:4px}.frontier-log p{font-size:11px;margin:0}
@media(max-width:760px){.frontier-dock{gap:10px;padding-top:7px;margin-bottom:6px;font-size:8px}.frontier-dock>button{font-size:11px;padding:5px 8px;letter-spacing:0}.frontier-version{font-size:9px;letter-spacing:1px}.build-hint{bottom:291px}.inspector{bottom:294px}.inspector:has(.building-preview){max-height:none}#frontier-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 18px);border-radius:7px}.frontier-heading{padding:17px 16px 13px}.frontier-heading h2{font-size:25px}.frontier-heading h2 small{display:block;font-size:10px;margin:7px 0 0}.frontier-kicker{font-size:9px;letter-spacing:1px}.frontier-supplies{padding:10px 16px;gap:9px 14px}.frontier-supplies>span{font-size:10px;gap:6px}.frontier-supplies strong{font-size:17px}.frontier-supplies>span:last-child{margin-left:0}.frontier-tabs{padding:5px 10px 0;gap:0}.frontier-tabs button{font-size:10px;padding:10px 11px}.frontier-body{padding:16px;min-height:300px}.frontier-map-layout{grid-template-columns:1fr;gap:16px}.region-grid{max-width:440px;width:100%;margin:0 auto}.region-cell{max-height:58px}.region-cell small{font-size:8px}.region-detail{padding:14px}.frontier-actions{grid-template-columns:1fr 1fr}.frontier-actions button{padding:9px;min-height:62px}.frontier-actions button small{font-size:9px}.frontier-cards,.tech-grid{grid-template-columns:1fr}.frontier-card{padding:15px;margin-bottom:0}.frontier-foot{padding:10px 16px;align-items:flex-start;line-height:1.7}.frontier-foot>span{max-width:230px}.army-stats{gap:16px}.army-stats strong{font-size:22px}.frontier-log li{gap:9px}.frontier-log time{width:54px}.frontier-version{display:none}.map-toolbar button{padding:6px}.map-toolbar>span{font-size:9px}.frontier-body h3{font-size:20px}}
@media(max-height:750px) and (min-width:761px){.map-card{display:none}.mission-card{max-height:185px}.build-hint{bottom:265px}.inspector{max-height:calc(100dvh - 470px);overflow:auto}}
.terrain-atlas-wrap{position:relative;max-width:440px;margin:auto;border-radius:5px;overflow:hidden;background:#4e6853}.terrain-atlas-wrap>canvas{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);pointer-events:none}.terrain-atlas-wrap .region-grid{position:relative;background:transparent}.terrain-atlas-wrap .region-cell{background:#d3e2ae09;text-shadow:0 1px 4px #203d29,0 0 6px #203d29}.terrain-atlas-wrap .region-cell.fog{background:#203f2d12;color:#d3ded0}.terrain-atlas-wrap .region-cell.under-raid{background:#9c4f3a88}.terrain-atlas-wrap .region-cell small{background:#203d2940;padding:1px 3px;border-radius:2px}.frontier-heading{position:sticky;top:0;z-index:3}