@font-face{font-family:LocalSerif;src:local('Georgia')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Segoe UI,Arial,sans-serif;color:#173e4c;background:#e9e2d6}button,select{font:inherit;cursor:pointer}button{border:1px solid #244c5c33;background:#f7f2e9ed;color:#173e4c;padding:11px 16px;border-radius:5px;transition:background .2s}button:hover{background:#dfeced}button:focus-visible,select:focus-visible{outline:3px solid #c88e48;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}button[aria-pressed=false]{opacity:.6}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;background:linear-gradient(#f5f0e6ed,transparent);pointer-events:none}header>*{pointer-events:auto}.brand{color:#173e4c;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:3px;font-weight:650}.brand small{display:block;font-size:9px;letter-spacing:1.4px;margin-top:4px}.seal{display:grid;place-items:center;border:1px solid #bc8a48;border-radius:24px 24px 3px 3px;width:40px;height:48px;font-size:32px;color:#a57033}.tools{display:flex;gap:8px;align-items:center}select{border:0;padding:10px;background:#f7f2e9d9;color:#173e4c;border-radius:5px}.primary{background:#124e65;color:white;border:0;padding:16px 28px;font-weight:600;letter-spacing:.3px}.primary:hover{background:#216b83}#welcome{position:absolute;inset:0;z-index:4;background:#f2ede4;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:100px 8vw 35px;overflow:auto}#welcome[hidden]{display:none}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:700;color:#a56f35}.intro h1{font-family:LocalSerif,Georgia,serif;font-weight:400;font-size:clamp(42px,5.3vw,82px);line-height:1.04;margin:25px 0 15px;letter-spacing:-2px}.subtitle{font-family:Georgia,serif;font-size:25px;color:#a56f35;margin:0 0 28px}.lead{font-size:16px;line-height:1.7;max-width:470px;margin-bottom:27px}.fine{font-size:11px;line-height:1.65;opacity:.7;max-width:440px}.loading{width:240px;height:3px;background:#173e4c20;margin-top:22px}.loading>div{height:100%;background:#b78546;width:0;transition:width .3s}#load-status{font-size:12px;min-height:18px}.arch-frame{position:relative;border-radius:48% 48% 4px 4px;overflow:hidden;max-height:70vh;height:610px;border:7px solid #e0d4bf;box-shadow:18px 18px 0 #e9dfd0}.arch-frame img{height:100%;width:100%;object-fit:cover}.arch-frame span{position:absolute;bottom:0;left:0;right:0;padding:24px 18px;background:linear-gradient(transparent,#123f51e8);color:white;letter-spacing:2px;font-size:11px}.photo-credit{font-size:10px;opacity:.6;margin:24px 0 0;text-align:center}#tour-ui{position:absolute;inset:0;pointer-events:none;z-index:3}#tour-ui button,#tour-ui nav{pointer-events:auto}.menu-toggle{position:absolute;left:24px;top:105px}#place-menu{position:absolute;top:157px;left:24px;width:255px;padding:20px;background:#f7f2e9f2;border:1px solid #c7bda8;border-radius:8px;max-height:calc(100vh - 285px);overflow:auto;box-shadow:0 8px 30px #0d2d3320}#destinations button{display:flex;align-items:center;gap:11px;width:100%;border:0;border-bottom:1px solid #bcb4a633;border-radius:0;text-align:start;padding:12px 0;background:none;font-size:13px}#destinations button span{font-size:10px;color:#a56f35}#destinations button:hover{color:#a56f35}#route-length{font-size:12px;line-height:1.6}.bottom-bar{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:#f7f2e9ed;border-radius:6px;border:1px solid #b9afa0}.bottom-bar>div{display:flex;align-items:center;gap:12px;font-size:13px}.bottom-bar small{opacity:.65}.bottom-bar button{padding:8px 12px;font-size:12px}.live-dot{width:6px;height:6px;border-radius:50%;background:#367a70}#hint{position:absolute;bottom:95px;width:100%;text-align:center;font-size:12px;color:white;text-shadow:0 1px 4px black;pointer-events:none}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white;opacity:.7;font-size:18px;text-shadow:0 1px 3px black;display:none}body.locked #crosshair{display:block}body.locked #place-menu{display:none}#markers{position:absolute;inset:0;pointer-events:none;z-index:2}.marker{position:absolute;display:none;transform:translate(-50%,-100%);border:1px solid #f7f2e9;color:white;background:#124e65e8;border-radius:20px;padding:8px 12px;font-size:12px;pointer-events:auto;box-shadow:0 3px 10px #0003;white-space:nowrap}.marker::before{content:'i';margin-inline-end:8px;color:#e6c99b}dialog{border:0;background:#f7f2e9;color:#173e4c;max-width:600px;width:calc(100% - 32px);max-height:88vh;border-radius:10px;padding:35px;box-shadow:0 20px 80px #0006;overflow:auto}dialog::backdrop{background:#102d3b99;backdrop-filter:blur(3px)}dialog h2{font:normal 32px Georgia,serif}.close{position:absolute;right:12px;top:12px;border:0;background:#f7f2e9e8;border-radius:50%;padding:6px 13px;font-size:25px;z-index:1}.help-grid{display:grid;grid-template-columns:100px 1fr;gap:18px 15px;font-size:14px;margin:25px 0}.help-grid span{line-height:1.5}#heritage{padding:0}#heritage-photo{width:100%;max-height:300px;object-fit:cover}.heritage-body{padding:28px}#heritage-names{font-size:14px;opacity:.75;line-height:1.8}#heritage-description{line-height:1.8;font-size:15px}#heritage-source{font-size:11px;line-height:1.6}a{color:#17627a}#touch-controls{position:absolute;inset:0;z-index:1;pointer-events:none}#joystick{position:absolute;bottom:115px;left:30px;width:112px;height:112px;background:#f7f2e933;border:2px solid #f7f2e9b0;border-radius:50%;touch-action:none;pointer-events:auto}#joystick span{position:absolute;left:34px;top:34px;width:40px;height:40px;background:#f7f2e9b0;border-radius:50%;pointer-events:none}#look-zone{position:absolute;right:0;top:95px;width:55%;bottom:105px;touch-action:none;pointer-events:auto}.touch-label{position:absolute;right:25px;bottom:125px;font-size:11px;color:white;text-shadow:0 1px 3px black;opacity:.7}[dir=rtl] #place-menu{left:auto;right:24px}[dir=rtl] .menu-toggle{left:auto;right:24px}[dir=rtl] h1{letter-spacing:0}[hidden]{display:none!important}@media(max-width:760px){header{padding:14px 16px}.brand{font-size:14px;letter-spacing:2px}.brand small{font-size:8px}.seal{width:30px;height:39px;font-size:26px}.tools button{padding:9px 11px}#welcome{grid-template-columns:1fr;gap:16px;padding:105px 26px 35px}.welcome-art{display:none}.intro h1{font-size:52px}.intro .lead{font-size:15px}.menu-toggle{top:85px;left:16px}#place-menu{top:137px;left:16px;width:240px;max-height:calc(100vh - 260px)}.bottom-bar{left:12px;right:12px;bottom:12px;flex-wrap:wrap;gap:8px;padding:10px}.bottom-bar>div{font-size:11px;gap:8px}.bottom-bar button{font-size:11px;padding:8px}#hint{bottom:100px;padding:0 15px}.help-grid{grid-template-columns:75px 1fr;font-size:12px}dialog{padding:24px}.heritage-body{padding:22px}}