.terrain-section{margin:4px 0 28px;border:1px solid #c8d7cc;border-radius:12px;background:#fffef9;overflow:hidden;scroll-margin-top:130px}
.terrain-section:not(.terrain-ready) .terrain-controls,.terrain-section:not(.terrain-ready) .terrain-view-buttons,.terrain-section:not(.terrain-ready) .terrain-legend input{display:none}
.terrain-heading{padding:20px 24px 12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.terrain-kicker{font-size:12px;color:#397566;font-weight:650;letter-spacing:.03em}.terrain-heading h2{font-size:clamp(23px,2.4vw,31px);margin:4px 0 5px;letter-spacing:-.04em}.terrain-heading p{font-size:14px;color:#536760;margin:0}.terrain-heading>a{font-size:12px;white-space:nowrap;color:#286b58}
.terrain-date-line{display:flex;gap:10px 20px;flex-wrap:wrap;padding:0 24px 15px;font-size:12px;color:#5f6b62}.terrain-date-line strong{color:#884814}
.terrain-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;border-top:1px solid #dce3d9}.terrain-map-column{min-width:0}.terrain-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 15px;background:#f4f6ee}
.terrain-section label{margin:0;font-size:12px;font-weight:600}.terrain-section select{display:inline-block;font-family:inherit;font-size:13px;color:#254b40;background:#fff;border:1px solid #bacdc0;border-radius:5px;padding:7px;max-width:100%;width:auto;margin:0 0 0 6px;min-height:36px}
.terrain-section button{font-family:inherit;font-size:12px;color:#254b40;background:#fff;border:1px solid #c2d2c5;border-radius:5px;padding:7px 10px;min-height:36px;cursor:pointer;line-height:1.4}.terrain-section button:hover{background:#e9f1e4}.terrain-section button:focus-visible,.terrain-section select:focus-visible{outline:3px solid #6c44a3;outline-offset:2px}.terrain-section input{accent-color:#386c55}
.terrain-view-buttons{display:flex;gap:5px}.terrain-frame{position:relative;height:490px;isolation:isolate;background:#ebf1eb;overflow:hidden}.terrain-frame canvas,.terrain-frame>img{display:block;width:100%;height:100%;object-fit:contain}.terrain-frame canvas{touch-action:pan-y;cursor:grab}.terrain-frame canvas:active{cursor:grabbing}.terrain-frame canvas:focus-visible{outline:3px solid #7550a6;outline-offset:-3px}.terrain-frame [hidden],.terrain-section [hidden]{display:none!important}
.terrain-map-label{position:absolute;top:15px;left:15px;background:#fffffff0;padding:8px 11px;border-radius:5px;box-shadow:0 1px 5px #17352610;pointer-events:none;font-size:12px}.terrain-map-label small{display:block;color:#775929;font-size:11px;margin-top:2px}.terrain-compass{position:absolute;right:20px;top:17px;width:34px;height:60px;display:flex;align-items:center;flex-direction:column;color:#264a40;pointer-events:none}.terrain-compass span{font-size:32px;height:33px;line-height:33px;display:block;transform-origin:center}.terrain-compass b{font-size:12px;margin-top:5px}
.terrain-map-scale{position:absolute;bottom:16px;left:16px;pointer-events:none;background:#ffffffe0;padding:8px 10px;border-radius:4px}.terrain-map-scale>span{display:block;width:55px;height:6px;border:solid #365346;border-width:0 2px 2px;max-width:180px}.terrain-map-scale small{font-size:10px;display:block;margin-top:4px}.terrain-zoom{position:absolute;bottom:16px;right:16px;display:flex;gap:5px}.terrain-zoom button{font-size:20px;width:39px;height:39px;padding:0}.terrain-frame:has(#terrain-canvas[hidden]) .terrain-compass,.terrain-frame:has(#terrain-canvas[hidden]) .terrain-map-scale,.terrain-frame:has(#terrain-canvas[hidden]) .terrain-zoom{display:none}
.terrain-controls{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #dde4da}.terrain-controls>div{display:flex;gap:5px}.terrain-controls label{font-weight:500}.terrain-hint{font-size:11px;line-height:1.6;color:#627064;margin:0;padding:0 15px 9px}
.terrain-legend{display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 15px 5px;border-top:1px solid #e1e7de}.terrain-legend label{display:flex;align-items:center;gap:4px;font-weight:500;font-size:12px;cursor:pointer}.terrain-legend input{width:15px;height:15px;margin:0}.terrain-symbol{font-size:16px}.terrain-symbol.soil{color:#d58739}.terrain-symbol.cell{color:#7746a5}.terrain-symbol.building,.terrain-destroyed{color:#ae292c}.terrain-symbol.river{color:#177aad}.terrain-damaged{color:#7b4216}.terrain-sublegend{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:#6b645c;padding:0 15px 10px}
.terrain-inspector{border-left:1px solid #dce3d9;padding:20px;background:#f7f8f0;min-width:0}.terrain-inspector>label{display:block;color:#604681;font-size:13px}.terrain-inspector select{display:block;width:100%;margin:8px 0 18px;font-size:12px;background:#fff}.terrain-inspector h3{font-size:19px;line-height:1.45;margin:0 0 12px;letter-spacing:-.025em}.terrain-inspector h4{font-size:13px;margin:20px 0 7px}.terrain-inspector p,.terrain-inspector li{font-size:13px;line-height:1.75;color:#45594d}.terrain-inspector p{margin:0 0 12px}.terrain-inspector ol{padding-left:20px;margin:0 0 14px}.terrain-inspector li{padding:0 0 7px}.terrain-inspector .terrain-detail-count{font-weight:650;color:#713425;font-size:14px}.terrain-inspector .terrain-coordinates{font-variant-numeric:tabular-nums;background:#e9eee0;padding:10px;border-radius:5px;font-size:12px;overflow-wrap:anywhere}.terrain-detail-guide{border-left:3px solid #8b6cab;padding-left:12px}.terrain-inspector .terrain-caution{font-size:12px;color:#6b5338;border-top:1px solid #d9ddcf;padding-top:14px;margin-top:18px}.terrain-caution strong{display:block;margin-bottom:4px}.terrain-inspector>.button{font-size:12px;width:100%;text-align:center;padding:10px;min-height:40px}
.terrain-status{padding:11px 20px;margin:0;background:#edf2e8;border-top:1px solid #dce3d9;font-size:12px;color:#425d4b}.terrain-table-details,.terrain-method{margin:0;border:0;border-top:1px solid #dbe1d4;border-radius:0;padding:0}.terrain-section summary{padding:14px 22px;font-size:13px;cursor:pointer;color:#345844}.terrain-section details[open]>summary{border-bottom:1px solid #e0e5da}.terrain-table-details>div{padding:16px 22px}.terrain-table-details h4{margin:0 0 8px;font-size:15px}.terrain-table-scroll{overflow:auto;max-height:380px}.terrain-table-scroll table{width:100%;font-size:12px;border-collapse:collapse}.terrain-table-scroll caption{text-align:left;font-size:12px;line-height:1.6;color:#647162;padding-bottom:10px}.terrain-table-scroll td,.terrain-table-scroll th{border-bottom:1px solid #dee5d8;padding:8px;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.terrain-table-scroll th{background:#edf2e7}.terrain-table-scroll button{padding:4px 9px;min-height:32px}.terrain-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:20px 24px}.terrain-method-grid h3{font-size:16px;margin:0 0 8px}.terrain-method-grid p{font-size:13px;color:#536352;line-height:1.85;margin:0 0 10px}.terrain-attribution{font-size:10px;line-height:1.6;color:#62705e;margin:0;padding:0 24px 10px}.terrain-source-links{display:flex;gap:12px;flex-wrap:wrap;padding:0 24px 20px;font-size:12px}.terrain-source-links a{color:#286b58}
@media(max-width:1080px){.terrain-layout{grid-template-columns:minmax(0,1fr) 290px}.terrain-toolbar>label{width:100%}.terrain-frame{height:460px}.terrain-inspector{padding:17px}.terrain-inspector h3{font-size:17px}}
@media(max-width:760px){.terrain-heading{padding:16px 15px 10px;align-items:flex-start;gap:10px}.terrain-heading>a{font-size:11px;white-space:normal;min-width:55px}.terrain-heading p{font-size:13px}.terrain-date-line{padding:0 15px 12px;gap:5px 12px;font-size:11px}.terrain-date-line span:last-child{display:none}.terrain-layout{grid-template-columns:1fr}.terrain-frame{height:410px}.terrain-toolbar{padding:10px 12px}.terrain-inspector{border-left:0;border-top:1px solid #dce3d9;padding:18px}.terrain-controls{padding:9px 11px}.terrain-controls button{font-size:11px;padding:6px 8px}.terrain-section select{font-size:12px}.terrain-method-grid{grid-template-columns:1fr;gap:13px;padding:16px}.terrain-section summary{padding:14px 16px}.terrain-table-details>div{padding:15px}.terrain-inspector .terrain-caution{margin-top:14px}.terrain-status{padding:10px 15px;font-size:11px}}
@media print{.terrain-frame canvas,.terrain-toolbar,.terrain-controls,.terrain-zoom,.terrain-compass,.terrain-map-scale,.terrain-legend input,.terrain-inspector>label,.terrain-hint{display:none!important}.terrain-frame #terrain-fallback{display:block!important}.terrain-frame{height:350px}.terrain-map-label{display:none}.terrain-layout{grid-template-columns:1fr 270px}.terrain-section{break-inside:avoid}.terrain-table-details [hidden]{display:block!important}}

/* Close terrain inspection: keep pan and zoom together, separate from height exaggeration. */
.terrain-detail-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 15px;border-top:1px solid #dde4da;background:#f4f6ee}.terrain-detail-controls>div{display:flex;gap:5px}.terrain-detail-controls button[aria-pressed=true]{background:#285e4d;color:white;border-color:#285e4d}.terrain-detail-controls>label{display:flex;align-items:center;gap:10px;flex:1;max-width:340px;min-width:200px}.terrain-detail-controls input[type=range]{width:auto;flex:1;min-width:80px;margin:0;padding:0;height:28px;border:0;background:transparent;cursor:ew-resize}.terrain-detail-controls output{min-width:42px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.terrain-section:not(.terrain-ready) .terrain-detail-controls{display:none}.terrain-map-scale>span{max-width:none}
@media screen and (min-width:1081px){.terrain-frame{height:580px}.terrain-layout{grid-template-columns:minmax(0,1fr) 295px}}
@media screen and (min-width:761px) and (max-width:1080px){.terrain-frame{height:520px}}
@media screen and (max-width:760px){.terrain-frame{height:470px}.terrain-detail-controls{padding:10px 12px}.terrain-detail-controls>label{max-width:none}}
@media print{.terrain-detail-controls{display:none}}

/* A full-width, geographically registered satellite map with legible screen-space labels. */
.terrain-frame #terrain-labels{position:absolute;inset:0;pointer-events:none;z-index:1}.terrain-map-label,.terrain-compass,.terrain-map-scale,.terrain-zoom{z-index:2}.terrain-section:not(.terrain-ready) #terrain-labels,.terrain-section:not(.terrain-ready) .terrain-basemaps{display:none}.terrain-basemaps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#eaf0e4;padding:9px 15px}.terrain-basemaps button[aria-pressed=true]{background:#264e3c;color:white;border-color:#264e3c}.terrain-basemaps span{font-size:11px;color:#526548;margin-left:auto}.terrain-symbol.road{color:#ac7c32}.terrain-map-label small{font-size:11px}.terrain-map-column:fullscreen{width:100vw;height:100dvh;overflow:auto;background:#f6f8ef;display:flex;flex-direction:column}.terrain-map-column:fullscreen .terrain-frame{flex:1 0 340px;height:auto}.terrain-map-column:fullscreen .terrain-toolbar{flex-shrink:0}.terrain-map-column:fullscreen .terrain-hint{font-size:10px;padding-bottom:5px}
@media screen and (min-width:761px){.terrain-layout{grid-template-columns:1fr}.terrain-frame{height:clamp(550px,68vh,780px)}.terrain-inspector{border-left:0;border-top:1px solid #dce3d9;display:grid;grid-template-columns:235px minmax(0,1fr) 285px;gap:12px 24px;padding:22px}.terrain-inspector>label{grid-column:1;grid-row:1}.terrain-inspector>#terrain-detail{grid-column:2;grid-row:1/span 2}.terrain-inspector>.terrain-caution{grid-column:3;grid-row:1/span 2;margin:0;padding:0;border:0}.terrain-inspector>.button{grid-column:1;grid-row:2;align-self:start}.terrain-toolbar>label{width:auto}}
@media screen and (max-width:760px){.terrain-frame{height:510px}.terrain-basemaps{padding:9px 12px}.terrain-basemaps span{width:100%;margin:0;font-size:10px}.terrain-map-label{max-width:calc(100% - 72px);left:10px;top:10px;padding:7px}.terrain-map-label small{font-size:10px}.terrain-map-column:fullscreen .terrain-frame{min-height:300px}}
@media print{.terrain-frame #terrain-labels,.terrain-basemaps{display:none!important}}