@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Prata&display=swap";:root{font:14px Manrope,system-ui,sans-serif;color:#d9e3dc;background:#11262e;color-scheme:dark;--muted:#9eb3b0;--accent:#d8b67b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,select,input{color:inherit;background:#203b43;border:1px solid #47616a;border-radius:6px}button{cursor:pointer;padding:9px 12px}button:hover,a:hover{color:#f4cd8d;border-color:var(--accent)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #e6bc75;outline-offset:3px}a{color:inherit;text-decoration:none}header{min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:16px 25px;border-bottom:1px solid #35505a;gap:20px}.brand{font:25px Prata,Georgia,serif}.brand small{font:10px Manrope,system-ui,sans-serif;display:block;color:var(--accent);letter-spacing:3px;margin-top:5px}nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px}nav a{padding:8px}main{display:grid;grid-template-columns:260px minmax(0,1fr) 275px;min-height:calc(100vh - 78px)}aside{padding:24px 20px;background:#162d35}aside:first-child{border-right:1px solid #35505a}aside:last-child{border-left:1px solid #35505a}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);text-transform:uppercase}h1,h2{font:29px/1.3 Prata,Georgia,serif;font-weight:400;margin:16px 0}h2{font-size:24px}p{line-height:1.7;color:var(--muted)}label{display:block;margin:16px 0;font-size:12px}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:8px;padding:8px}input[type=range]{padding:0!important;accent-color:var(--accent)}output{float:right;color:var(--accent)}.pair{display:flex;gap:8px}.pair>*{flex:1}.primary{background:#d7b67b;color:#142b32;border-color:#d7b67b;font-weight:700}.wide{width:100%;margin:6px 0}.spaced{margin-top:28px}.workspace{min-width:0;display:flex;flex-direction:column;background:#132b34}.toolbar{padding:14px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #35505a}.toolbar select{padding:8px;max-width:100%}#status{font-size:11px;color:var(--muted);flex:1;min-width:140px}#map-wrap{position:relative;min-height:440px;flex:1;overflow:hidden;background:#0d2029}#map{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:crosshair}.map-label{pointer-events:none;position:absolute;top:20px;left:22px;text-shadow:0 2px 5px #06171f}.map-label strong{display:block;font:24px Prata,Georgia,serif;max-width:500px;overflow-wrap:anywhere}.map-label small{display:block;color:#d1d9cc;letter-spacing:2px;font-size:10px;margin-top:8px}.zoom{position:absolute;right:15px;bottom:18px;display:flex;gap:6px}.overlay-options{display:flex;gap:15px;padding:0 18px;border-top:1px solid #35505a;flex-wrap:wrap}.overlay-options label{margin:12px 0}.overlay-options input{accent-color:var(--accent)}.metrics{display:flex;border-top:1px solid #35505a;flex-wrap:wrap}.metrics div{flex:1;padding:17px;min-width:110px}.metrics small{display:block;font-size:9px;color:var(--muted);letter-spacing:1px}.metrics strong{display:block;font-size:18px;margin-top:7px;font-weight:500}.legend{padding:14px 18px;border-top:1px solid #35505a;display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}dl{margin:18px 0}dl div{padding:8px 0;border-bottom:1px solid #314b52}dt{color:var(--muted);font-size:11px}dd{margin:3px 0 0;font-size:13px}.note{font-size:11px}.badge{display:inline-block;border:1px solid #617b70;padding:5px 8px;border-radius:4px;color:#c2dac4;font-size:11px}.starts button{width:100%;text-align:left;margin-top:8px;font-size:12px}.starts small{display:block;color:var(--muted);margin-top:3px}#busy{position:absolute;top:0;right:0;bottom:0;left:0;background:#10262ee8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:25px;text-align:center}#busy:before{content:"";border:2px solid #496574;border-top-color:var(--accent);width:28px;height:28px;border-radius:50%;animation:spin 1s linear infinite}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}dialog{max-width:700px;width:calc(100% - 32px);padding:28px;background:#1a333b;color:#e0e6dc;border:1px solid #698180;border-radius:12px}dialog::backdrop{background:#06151dbd}dialog a{text-decoration:underline;color:var(--accent)}.close{float:right}summary{cursor:pointer;color:var(--accent)}.dirty{color:#e7c58b;font-size:11px}#selection{background:#1b353d;border-radius:8px;padding:14px;margin-top:20px}.error{color:#ffd3aa}@media(min-width:1800px){main{grid-template-columns:280px minmax(0,1fr) 300px}#map-wrap{min-height:650px}}@media(max-width:1150px){main{grid-template-columns:230px minmax(0,1fr)}aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #35505a}aside:last-child>section{min-width:0}#map-wrap{min-height:490px}}@media(max-width:700px){header{padding:16px;align-items:flex-start;flex-direction:column;gap:10px}nav{gap:5px;font-size:12px}main{display:flex;flex-direction:column}.controls{order:1}.workspace{order:0}aside:last-child{order:2;display:block}aside:first-child{border-right:0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.controls>h1,.controls>.intro,.controls>.eyebrow,.controls>.pair,.controls>details,.controls>#dirty{grid-column:1/-1}.controls h1{font-size:26px}.controls label{margin:10px 0}#map-wrap{min-height:380px}.map-label strong{font-size:20px}.map-label small{max-width:240px;line-height:1.6}.metrics div{padding:12px}.metrics strong{font-size:15px}h2{font-size:22px}}
