:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;background:#181818;color:#eee;--panel:#222;--raised:#2c2c2c;--line:#505050;--muted:#bdbdbd;--accent:#efc36a;--hover:#393939}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;max-width:1920px;padding:0 24px;margin-inline:auto}a{color:var(--accent);text-underline-offset:3px}button,input,select{font:inherit}button,select{color:inherit;background:var(--raised);border:1px solid var(--line);border-radius:4px;min-height:44px;padding:9px 12px;cursor:pointer}button:hover:not(:disabled),select:hover:not(:disabled){background:var(--hover);border-color:#797979}button:active:not(:disabled){background:#454545}button:disabled,select:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#202020}button[aria-pressed=true]:hover{background:#ffda8b;color:#202020}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#181818}input{accent-color:var(--accent);caret-color:var(--accent)}input[type=checkbox]{width:18px;height:18px;margin:0;flex:none}label{display:flex;align-items:center;gap:8px;cursor:pointer}.muted{color:var(--muted)}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:absolute;left:24px;top:-80px;background:var(--raised);padding:12px;z-index:10}.skip-link:focus{top:8px}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid #393939}.brand{font-size:21px;font-weight:650;color:#eee;text-decoration:none;white-space:nowrap}.brand span{font-weight:400;color:var(--muted)}.zone-picker{font-size:14px;color:var(--muted);gap:12px}.zone-picker select{width:260px;color:#eee}.workspace{padding-top:20px}.toolbar{display:flex;align-items:center;gap:20px;margin-bottom:18px}.location{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.location>button{display:grid;place-items:center;width:44px;flex:none}.location>div{min-width:0}h1{font-size:24px;font-weight:650;line-height:1.25;margin:5px 0 0;text-wrap:balance}h2{font-size:16px;font-weight:650;margin:0}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:var(--accent)}.view-switch{display:flex;flex:none;gap:0}.view-switch button{border-radius:0;font-size:14px;min-width:82px}.view-switch button:first-child{border-radius:4px 0 0 4px}.view-switch button:last-child{border-radius:0 4px 4px 0;border-left:0}#expand-map{font-size:14px;white-space:nowrap}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px}main{min-width:0}.viewer{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel)}.map-frame{position:relative;aspect-ratio:928/556;background:#242424;overflow:hidden}#map{display:block;width:100%;height:100%;touch-action:none;user-select:none}#terrain-view{position:absolute;inset:0;background:#242424}#terrain-view canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px;cursor:grab}#terrain-view canvas:active{cursor:grabbing}#terrain-view[data-drag=pan] canvas{cursor:move}.zoom{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;background:#222;box-shadow:0 3px 14px #0005;border:1px solid #606060;border-radius:4px;overflow:hidden;font-size:13px}.zoom button{display:flex;align-items:center;justify-content:center;border:0;border-radius:0;min-width:44px;background:transparent}.zoom button:last-child{border-left:1px solid var(--line)}.zoom output{min-width:43px;text-align:center;font-variant-numeric:tabular-nums}.map-hint{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding:11px 14px;font-size:12px;line-height:1.5;color:var(--muted);border-top:1px solid #393939}.terrain-note{color:#d4c39f}.terrain-controls{display:flex;align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel);font-size:13px}.terrain-controls button{font-size:13px;white-space:nowrap}.camera-presets{display:flex;gap:6px}.terrain-controls #north-view{margin-left:auto;display:flex;align-items:center;gap:6px}.compass{color:var(--accent)}.terrain-settings{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:12px 0;border-bottom:1px solid #393939;font-size:13px}.relief{display:flex;align-items:center;gap:12px}.relief input{width:140px;min-height:44px;margin:0}.relief output{color:var(--accent);min-width:32px;font-variant-numeric:tabular-nums}.relief button{font-size:12px;padding:6px 10px}.terrain-settings>label{min-height:44px}.legend{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #393939;font-size:13px}.legend strong{font-size:13px}.legend label{min-height:36px}.swatch{display:inline-block;flex:none;width:22px;border-top:3px solid}.pink{color:#ff48b4}
#loading,#terrain-message{position:absolute;inset:0;display:grid;place-content:center;text-align:center;margin:0;padding:28px;background:#222f;font-size:16px;line-height:1.6;z-index:2}#terrain-message p{max-width:45ch;margin:0 0 12px}#terrain-recovery{display:flex;justify-content:center;gap:8px}.detail{font-size:13px;line-height:1.65;color:var(--muted);margin:14px 0}.map-status{margin:12px 0}.help,.coverage{border-top:1px solid #393939;font-size:13px;line-height:1.6;color:var(--muted)}summary{cursor:pointer;padding:13px 0;color:#ddd;min-height:44px}summary:hover{color:var(--accent)}.help-content{max-width:74ch;padding-bottom:8px}.help-content p{margin:0 0 12px}.help strong{color:#eee}aside{min-width:0;padding:4px 0 0 20px;border-left:1px solid #393939}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-title button{font-size:12px;padding:6px 10px}.navigation,.routes{display:flex;flex-direction:column}.navigation button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 0;font-size:13px;border:0;border-bottom:1px solid #393939;background:transparent;border-radius:0;line-height:1.45}.navigation button:hover{background:var(--raised);border-color:#505050}.navigation .number{color:#bdbdbd;font-size:12px;width:24px;text-align:center;flex:none;font-variant-numeric:tabular-nums}.navigation .count{margin-left:auto;color:var(--accent);font-size:11px;white-space:nowrap;padding-right:4px}.route-row{display:flex;align-items:center;gap:10px;padding:5px 0}.route-row button{display:flex;align-items:center;gap:9px;text-align:left;width:100%;font-size:13px;line-height:1.4}.route-row button[aria-pressed=true]{background:#3d3423;border-color:#c69d4c;color:#fff}.route-row input{margin:10px 0 10px 2px}.coverage{margin-top:18px}.coverage details{margin-top:8px}.coverage ul{padding-left:18px;margin:8px 0}.coverage p{margin:8px 0}.coverage a{overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid #393939;margin-top:24px;padding:16px 0 22px}
.territory{fill:#ffe5a0;fill-opacity:0;stroke:none;cursor:pointer}.region:hover .territory,.region:focus .territory{fill-opacity:.32}.region:focus{outline:none}.pin{fill:#252525ed;stroke:#ffe5a0;stroke-width:1.1}.region:hover .pin,.region:focus .pin{fill:#635337}.pin-label{font:12px system-ui;fill:#fff;text-anchor:middle;pointer-events:none}.continent-label{font-size:18px;font-weight:600;fill:#fff}.route{cursor:pointer}.route:hover{filter:brightness(1.3)}.route-hit{stroke:transparent;stroke-width:12}.junction{cursor:pointer}.junction:focus{outline:none}.junction:focus circle{stroke:#efc36a;stroke-width:3}.map-label{paint-order:stroke;stroke:#252525;stroke-width:3px;fill:#fff;font:14px system-ui;pointer-events:none}
body.map-expanded .layout{grid-template-columns:1fr}body.map-expanded aside{display:none}body.map-expanded .map-frame{height:72vh;min-height:420px;aspect-ratio:auto}body.map-expanded .toolbar{position:sticky;top:0;z-index:4;background:#181818;padding:12px 0}body.map-expanded header{display:none}
@media(min-width:1100px){.map-frame:has(#terrain-view:not([hidden])){min-height:480px}}@media(max-width:1099px){body{padding-inline:18px}.layout{grid-template-columns:1fr;gap:24px}aside{border-left:0;border-top:1px solid #393939;padding:20px 0 0}.navigation,.routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.map-frame:has(#terrain-view:not([hidden])){min-height:420px;aspect-ratio:auto}.coverage{max-width:74ch}}@media(max-width:700px){body{padding-inline:12px}header{gap:16px;flex-wrap:wrap;padding:16px 0}.brand{font-size:20px}.zone-picker{width:100%}.zone-picker select{width:auto;min-width:0;flex:1}.workspace{padding-top:16px}.toolbar{gap:12px;flex-wrap:wrap;margin-bottom:14px}.location{flex-basis:100%}h1{font-size:22px}.toolbar>.view-switch{margin-right:auto}.terrain-controls{flex-wrap:wrap;gap:8px;padding:8px}.camera-presets{order:3;width:100%}.camera-presets button{flex:1}.terrain-controls .view-switch button{min-width:75px}.map-frame{aspect-ratio:1.1}.map-frame:has(#terrain-view:not([hidden])){height:420px;min-height:0}.map-hint{padding:10px 12px}.terrain-settings{align-items:flex-start}.relief{width:100%;gap:10px}.relief input{flex:1;min-width:50px;width:100px}.terrain-settings>label{min-height:36px}.zoom{right:8px;bottom:8px}.navigation,.routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.legend{gap:4px 16px}.legend strong{flex-basis:100%}.legend label{min-height:44px}.route-row button{font-size:12px}.route-row{gap:7px}.route-row .swatch{width:16px}body.map-expanded .map-frame{height:65vh;min-height:360px}footer{margin-top:20px}}@media(max-width:400px){.routes{grid-template-columns:1fr}.navigation{gap:0 10px}.navigation button{gap:5px}.navigation .number{width:20px}.navigation .count{font-size:10px}.brand{font-size:19px}}@media(prefers-reduced-motion:no-preference){.territory{transition:fill-opacity .15s ease-out}button{transition:background-color .15s ease-out,border-color .15s ease-out}}