*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#16363a;background:#b8cbd0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #bf702f;outline-offset:4px}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:30px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:16px;align-items:center;text-decoration:none;color:inherit;font-size:13px;font-weight:700;letter-spacing:1.7px;pointer-events:auto}.mark{width:52px;height:52px;display:grid;place-items:center;background:#15383d;color:#eaf0e9;letter-spacing:-1px;font-size:17px;border-radius:4px}.brand small{font-size:8px;letter-spacing:1.4px;display:block;margin-top:8px;font-weight:500}.header-right{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.5px;background:#f6f5eece;backdrop-filter:blur(16px);padding:9px 10px 9px 17px;border-radius:30px;pointer-events:auto}.live-dot{width:6px;height:6px;background:#4b7c5a;border-radius:50%}#info{width:29px;height:29px;border-radius:50%;background:#e1e6dc;font-family:Georgia;font-size:18px}.intro{position:fixed;left:42px;top:153px;pointer-events:none}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.6vw,72px);font-weight:400;line-height:1.03;letter-spacing:-2px;margin:22px 0}.intro p{font-size:12px;line-height:1.8;color:#426166;margin:0 0 23px}.primary{pointer-events:auto;padding:17px 20px;background:#163c40;color:#f7f7ef;border-radius:4px;min-width:205px;font-size:12px;text-align:left}.primary span{float:right;font-size:18px;margin-left:35px}.fine{font-size:9px;line-height:1.65;opacity:.68;margin-top:14px;max-width:255px}.toolbar{position:fixed;bottom:53px;left:50%;transform:translateX(-50%);background:#f8f7eee8;backdrop-filter:blur(20px);border:1px solid #ffffff90;border-radius:9px;display:flex;gap:5px;padding:7px;box-shadow:0 12px 38px #18333126}.toolbar button{padding:12px 14px;background:transparent;border-radius:5px;white-space:nowrap;font-size:14px}.toolbar button span{font-size:10px;margin-left:6px}.toolbar button.selected{background:#193c40;color:#fff}.toolbar button:hover{background:#dce3d6}.toolbar button.selected:hover{background:#275359}.sep{width:1px;background:#cfd8ce;margin:8px 3px}.map-panel{position:fixed;right:30px;bottom:122px;width:228px;background:#f7f7eeec;backdrop-filter:blur(14px);border:1px solid #fff9;border-radius:8px;padding:14px;box-shadow:0 8px 35px #29494714}.map-top{font-size:8px;font-weight:bold;letter-spacing:1.2px;display:flex;justify-content:space-between}.map-top span{font-size:6px;color:#71847d}#map{width:100%;height:163px;display:block}.map-caption{font-size:7px;display:flex;gap:5px;align-items:center}.map-caption span:last-child{margin-left:auto;opacity:.6}.map-dot{width:5px;height:5px;background:#c77a3d;border-radius:50%}.locations{position:fixed;right:30px;bottom:72px;display:flex;gap:4px}.locations button{padding:9px 10px;font-size:8px;border-radius:4px;background:#f4f5ede8}.locations b{color:#a8794a;margin-right:4px}footer{position:fixed;left:34px;right:34px;bottom:19px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.25px;color:#203f44;pointer-events:none}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff9;text-shadow:0 0 2px #123;font-size:20px;pointer-events:none}#toast{position:fixed;left:50%;top:100px;transform:translateX(-50%);padding:12px 20px;background:#183a40eb;color:white;font-size:12px;border-radius:5px;opacity:0;transition:opacity .25s;pointer-events:none;max-width:85vw}body.walking .intro{display:none}body.walking .map-panel{width:190px}body.walking .map-panel #map{height:140px}dialog{border:1px solid #fff;border-radius:12px;background:#f3f2e9;color:#173b3e;padding:38px;width:min(560px,90vw);max-height:85vh;box-shadow:0 30px 100px #0a2f3966}dialog::backdrop{background:#08283180;backdrop-filter:blur(8px)}dialog h2{font:36px Georgia;margin:20px 0}dialog h3{font-size:12px;margin-top:26px}dialog p{font-size:12px;line-height:1.75}dialog a{color:#9a591d;font-size:12px}#close{position:absolute;right:14px;top:12px;font-size:25px;background:transparent}#loading{position:fixed;inset:0;z-index:20;background:#e7e9dd;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:opacity .5s}#loading h1{font:48px Georgia;color:#183c40}#loading p{font-size:12px;color:#617d74}#touch{position:fixed;bottom:140px;left:24px;right:24px;pointer-events:none}#stick{width:108px;height:108px;border-radius:50%;border:1px solid #ffffffb0;background:#183e4038;pointer-events:auto;touch-action:none;display:grid;place-items:center}#stick span{width:44px;height:44px;background:#f6f4e8b0;border-radius:50%;pointer-events:none}.touch-look{position:absolute;right:0;bottom:40px;color:#fff;font-size:10px;text-shadow:0 1px 3px #123}
@media(max-width:760px){header{top:20px;left:20px;right:20px}.brand{font-size:10px;gap:10px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:.8px}.mark{width:40px;height:40px;font-size:14px}.header-right{font-size:7px;gap:5px;padding:6px 6px 6px 10px}.intro{left:24px;top:116px}.intro h1{font-size:48px}.intro p{font-size:11px}.intro .eyebrow{font-size:7px}.map-panel{right:16px;bottom:151px;width:154px;padding:10px}.map-top{font-size:6px}.map-top span{display:none}#map{height:114px}.map-caption{font-size:6px}.map-caption span:last-child{display:none}.toolbar{bottom:53px;gap:1px;padding:5px}.toolbar button{padding:12px}.toolbar button span{display:none}.locations{right:16px;bottom:107px;gap:3px}.locations button{font-size:7px;padding:8px}.locations button:last-child{display:none}footer{left:18px;right:18px;font-size:7px;bottom:22px}#stats{display:none}body.walking .map-panel{top:82px;bottom:auto;width:138px}body.walking .map-panel #map{height:100px}body.walking .locations{bottom:108px}.fine{max-width:170px;font-size:8px}dialog{padding:25px}dialog h2{font-size:28px}}
@media(max-width:400px){.brand small{max-width:145px}.header-right #mode{display:none}.intro h1{font-size:43px}.map-panel{width:135px;bottom:153px}.intro p{max-width:200px}.intro .fine{max-width:145px}.primary{min-width:180px;padding:15px}.intro{top:108px}}

body.walking .brand{background:#f3f4e8df;padding:9px 13px 9px 9px;border-radius:7px;backdrop-filter:blur(14px)}@media(max-width:760px){body.walking .brand{padding:6px}.intro p{text-shadow:0 1px 8px #eceddf}.intro .fine{background:#e9eddf99;padding:4px;border-radius:2px}}