:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#e9e8dd;background:#172522;font-size:13px}
*{box-sizing:border-box}body{margin:0}#world{position:fixed;inset:0}#world canvas{display:block}header{position:fixed;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}header button{pointer-events:auto}
h1{font-size:clamp(24px,3vw,38px);font-weight:500;letter-spacing:-1.5px;margin:7px 0}p{line-height:1.5;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#c7d1bc}header p{color:#c7d1bc;text-shadow:0 1px 6px #000}
aside{position:fixed;left:28px;top:155px;width:290px;max-height:calc(100vh - 215px);overflow:auto;background:#132420ef;border:1px solid #81978040;padding:20px;border-radius:8px;box-shadow:0 8px 40px #0002}
label{display:block;margin:13px 0 6px;color:#bfccbf;font-size:11px}select,button{font:inherit;border:1px solid #83958255;border-radius:4px;color:#e9e8dd;background:#253932;padding:10px}select{width:100%;text-overflow:ellipsis}button{cursor:pointer}button:hover{background:#3c5148}button:disabled{opacity:.35;cursor:default}button.primary{width:100%;margin-top:14px;background:#c65839;border-color:#c65839;color:white}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.row button{flex:1}#route-info{margin:16px 0 5px;font-size:12px;line-height:1.6;color:#e2bf83}#profile{width:100%;height:78px;display:none}.note,details{font-size:11px;color:#a7b6aa;line-height:1.6}details{margin-top:16px;border-top:1px solid #ffffff20;padding-top:12px}summary{cursor:pointer}a{color:#c9d8bd}input{accent-color:#dc825e}
#map-panel{position:fixed;right:28px;bottom:60px;width:300px;padding:16px;background:#132420e8;border:1px solid #81978040;border-radius:8px}#map{width:100%;height:auto;cursor:crosshair}#map-panel p{font-size:10px;color:#9aae9f}#map-panel .row span:last-child{font-size:10px}
#position{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);padding:9px 15px;background:#132420dd;border-radius:20px;font-variant-numeric:tabular-nums;font-size:11px}
footer{position:fixed;bottom:0;padding:12px 28px;background:#10211eea;width:100%;font-size:10px;color:#9bb09d}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#152722;font-size:18px;padding:30px;text-align:center}
@media(max-width:850px){header{left:16px;top:16px;right:16px}header p{max-width:65%;font-size:10px}h1{font-size:24px}aside{left:16px;top:135px;width:235px;max-height:calc(100vh - 200px);padding:12px}#map-panel{width:190px;right:16px;bottom:68px;padding:10px}#position{left:auto;right:16px;bottom:275px;transform:none;max-width:180px}footer{padding:10px;font-size:9px}}
@media(max-width:550px){aside{width:200px;top:130px;max-height:55vh}#map-panel{width:135px;right:8px;bottom:80px}#map-panel p,#map-panel .row span:last-child{display:none}#map-panel .eyebrow{font-size:8px}#position{bottom:235px;right:8px;max-width:130px}header button{font-size:10px;padding:8px}h1{max-width:230px}.eyebrow{font-size:8px}}