html,body{margin:0;height:100%;overflow:hidden;background:#000}body{font:14px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;color:#fff}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#title{position:fixed;top:14px;left:16px;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.6);pointer-events:none}#bar{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:8px}#bar button{font:inherit;font-weight:600;color:#fff;cursor:pointer;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#1414189e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#bar button:hover{background:#282830bf}#hint{position:fixed;left:50%;bottom:calc(70px + env(safe-area-inset-bottom));transform:translate(-50%);font-size:12px;opacity:.75;white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.7)}#status{position:fixed;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));font-size:11px;opacity:.6;pointer-events:none;font-variant-numeric:tabular-nums}#quality{position:fixed;right:12px;bottom:calc(30px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:6px}#quality button{font:inherit;font-size:12px;color:#fff;cursor:pointer;text-align:left;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#1414189e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#quality button:hover{background:#282830bf}#qualityMenu{display:flex;flex-direction:column;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#141418c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#qualityMenu[hidden]{display:none}#qualityMenu button{border:0;border-radius:8px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:6px 14px 6px 26px;position:relative}#qualityMenu button:hover{background:#ffffff1a}#qualityMenu button[aria-checked=true]:before{content:"✓";position:absolute;left:9px}#title,#bar,#hint,#status,#quality{transition:opacity .7s ease}body.moving #title,body.moving #bar,body.moving #hint,body.moving #status,body.moving #quality{opacity:0;pointer-events:none}#btnPhotos{display:inline-flex;align-items:center;gap:7px}#btnPhotos svg{width:17px;height:17px;fill:currentColor}#btnPhotos[aria-pressed=true]{background:#2670b2d1;border-color:#aad7ffa6}#phPins{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#phPins[hidden]{display:none}.ph-pin{position:absolute;left:0;top:0;width:0;height:0;padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;transform-origin:0 0;font:inherit;color:#fff}.ph-dot{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 50% 32%,#3d8fd6,#164a7d 78%);border:1.5px solid rgba(255,255,255,.9);box-shadow:0 2px 10px #00000073;transition:transform .18s ease}.ph-air .ph-dot{background:radial-gradient(circle at 50% 32%,#2fb3b6,#0d5d66 78%)}.ph-dot svg{width:18px;height:18px;fill:currentColor}.ph-dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(140,205,255,.75);animation:phPulse 2.6s ease-out infinite;pointer-events:none}.ph-air .ph-dot:after{border-color:#78e6e1bf}.ph-beam{position:absolute;left:0;top:-10px;height:20px;width:var(--beamLen, 30px);transform-origin:0 50%;transform:rotate(var(--beam, 0rad));pointer-events:none;background:linear-gradient(90deg,#a0d7ffb3,#a0d7ff00);clip-path:polygon(0 40%,100% 0,100% 100%,0 60%)}.ph-pin:hover .ph-dot,.ph-pin:focus-visible .ph-dot{transform:scale(1.18)}.ph-pin:focus-visible{outline:none}.ph-tip{position:absolute;left:24px;top:-24px;display:none;flex-direction:column;gap:3px;width:180px;padding:6px 6px 7px;border-radius:10px;background:#141418db;text-align:left;font-size:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 18px #0006;pointer-events:none}.ph-tip img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:6px;margin-bottom:3px}.ph-tip i{font-style:normal;opacity:.7}.ph-pin:hover .ph-tip,.ph-pin:focus-visible .ph-tip{display:flex}@keyframes phPulse{0%{transform:scale(.85);opacity:.95}to{transform:scale(1.65);opacity:0}}@media (prefers-reduced-motion: reduce){.ph-dot:after{animation:none;opacity:0}}#phView{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#phView[hidden]{display:none}#phImg{position:absolute;opacity:0;transition:opacity .55s ease;pointer-events:none;box-shadow:0 6px 30px #00000059}#phImg.ph-shown{opacity:1}#phImg.ph-glide{transition:opacity .55s ease,clip-path .45s ease}#phWipe{position:absolute;width:0;pointer-events:auto;cursor:ew-resize;touch-action:none;transition:opacity .3s ease}#phWipe.ph-glide{transition:left .45s ease,opacity .3s ease}#phImg:not(.ph-shown)~#phWipe{opacity:0;pointer-events:none}#phWipe:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:#ffffffeb;box-shadow:0 0 6px #00000080;transition:opacity .3s ease}#phWipe.ph-end:before{opacity:0}#phWipe span{position:absolute;left:-17px;top:calc(50% - 17px);width:34px;height:34px;border-radius:50%;background:#141418c7;border:1.5px solid #fff;box-shadow:0 2px 10px #00000073}#phWipe span:before,#phWipe span:after{content:"";position:absolute;top:11px;border:5px solid transparent}#phWipe span:before{left:3px;border-right:6px solid #fff}#phWipe span:after{right:3px;border-left:6px solid #fff}#phWipe.ph-end span{left:-40px}#phBar{position:absolute;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:999px;max-width:calc(100vw - 20px);background:#141418bd;border:1px solid rgba(255,255,255,.22);pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#phBar button{font:inherit;color:#fff;background:transparent;border:0;cursor:pointer;padding:7px 11px;border-radius:999px}#phBar button:hover{background:#ffffff1f}#phPrev,#phNext{font-size:18px!important;line-height:1}#phMeta{display:flex;flex-direction:column;min-width:0;padding:0 6px}#phTitle{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#phSub{font-size:11px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#phCmp{display:flex;border:1px solid rgba(255,255,255,.25);border-radius:999px}#phCmp button{padding:5px 10px;font-size:12px}#phCount{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums;padding:0 2px}body.ph-open #bar,body.ph-open #hint,body.ph-open #quality,body.ph-open #status{opacity:0;pointer-events:none}@media (max-width: 560px){#phCount,#phSub{display:none}#phBar{gap:2px}}#btnTour{background:#2670b2d1;border-color:#aad7ffa6}#tourMenu{position:fixed;left:50%;bottom:calc(70px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;padding:5px;border-radius:14px;min-width:210px;background:#141418db;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#tourMenu[hidden]{display:none}#tourMenu button{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font:inherit;color:#fff;cursor:pointer;background:transparent;border:0;border-radius:9px;padding:9px 12px;text-align:left}#tourMenu button:hover{background:#ffffff1a}#tourMenu i{font-style:normal;font-size:12px;opacity:.65}#tourFade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .7s ease;z-index:50}#tourFade.tr-black{opacity:1}#tourCard,#tourCap,#tourBig,#tourEnd{opacity:0;pointer-events:none;transition:opacity .8s ease}#tourCard.tr-on,#tourCap.tr-on,#tourBig.tr-on,#tourEnd.tr-on{opacity:1}#tourCard{position:fixed;left:28px;bottom:calc(150px + env(safe-area-inset-bottom));max-width:min(440px,80vw);display:flex;flex-direction:column;gap:4px;padding:14px 18px 15px;border-radius:14px;z-index:40;background:linear-gradient(135deg,#0e121abd,#0e121a80);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-left:3px solid #f2b33d;text-shadow:0 1px 6px rgba(0,0,0,.5)}#tourChip{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f2c46a}#tourTitle{font-size:26px;font-weight:650;line-height:1.15;font-family:Georgia,Times New Roman,serif}#tourBody{font-size:14px;opacity:.88;line-height:1.35}#tourBody:empty{display:none}#tourCap{position:fixed;left:50%;bottom:calc(48px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:41;max-width:min(700px,86vw);text-align:center;font-size:16px;line-height:1.4;padding:6px 12px;border-radius:8px;background:#0000006b;text-shadow:0 1px 4px rgba(0,0,0,.7)}#tourBig{position:fixed;left:50%;top:14%;transform:translate(-50%);z-index:41;text-align:center;width:min(90vw,560px);font:650 30px/1.2 Georgia,Times New Roman,serif;text-shadow:0 2px 14px rgba(0,0,0,.65)}#tourEnd{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at center,#080c128c,#080c1226 70%)}#tourEnd b{font:650 clamp(30px,5vw,52px)/1.1 Georgia,"Times New Roman",serif;text-shadow:0 2px 18px rgba(0,0,0,.6);text-align:center}#tourEnd span{font-size:15px;letter-spacing:.08em;opacity:.9}#tourBar{position:fixed;right:14px;top:calc(12px + env(safe-area-inset-top));z-index:60;display:flex;align-items:center;gap:10px;padding:5px 6px 5px 12px;border-radius:999px;font-size:12px;background:#14141899;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#tourBar[hidden]{display:none}.tr-track{width:90px;height:3px;border-radius:2px;background:#ffffff40;overflow:hidden}#tourProg{display:block;height:100%;width:0;background:#f2b33d;transition:width .6s ease}#tourStop{font:inherit;color:#fff;background:transparent;border:0;cursor:pointer;padding:4px 8px;border-radius:999px}#tourStop:hover{background:#ffffff26}body.tour-on #bar,body.tour-on #hint,body.tour-on #quality,body.tour-on #status,body.tour-on #title,body.tour-on #phBar,body.tour-on #phWipe,body.tour-on #phPins{opacity:0;pointer-events:none}@media (max-width: 560px){#tourCard{left:14px;right:14px;bottom:auto;top:calc(56px + env(safe-area-inset-top))}#tourTitle{font-size:21px}#tourCap{font-size:14px}}#attrib{position:fixed;left:12px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:46vw;font-size:10px;opacity:.7;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.8)}#attrib[hidden]{display:none}#btnPlaces[aria-pressed=true]{background:#2670b2d1;border-color:#aad7ffa6}#plPins{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#plPins[hidden],body.ph-open #plPins{display:none}.pl-pin{position:absolute;left:0;top:0;width:0;height:0;animation:plIn .5s ease-out both}.pl-foot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffc44673,0 0 12px #ffc446cc}.pl-stem{position:absolute;left:-1px;bottom:0;width:2px;height:var(--lift, 40px);background:linear-gradient(0deg,#fffffff2,#ffffff59)}.pl-card{position:absolute;left:0;bottom:var(--lift, 40px);transform:translate(-50%,-4px) scale(var(--k, 1));transform-origin:50% 100%;display:flex;align-items:center;gap:7px;padding:5px 10px 5px 6px;white-space:nowrap;border-radius:999px;background:#141418c7;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 3px 14px #0006}.pl-card svg{width:22px;height:22px;padding:3px;border-radius:50%;background:#f2b33d;color:#1d1d1f;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.pl-txt{display:flex;flex-direction:column;line-height:1.15}.pl-txt b{font-size:13px;font-weight:600}.pl-txt i{font-style:normal;font-size:11px;opacity:.75}.pl-home .pl-card svg{background:#3d8fd6;color:#fff}.pl-home .pl-foot{box-shadow:0 0 0 3px #50a0e680,0 0 12px #50a0e6e6}.pl-quiet .pl-card,.pl-quiet .pl-stem{display:none}@keyframes plIn{0%{opacity:0}to{opacity:1}}.click-ping{position:fixed;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid #4ade80;pointer-events:none;animation:ping .6s ease-out forwards}@keyframes ping{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}@media (max-width: 560px){#hint{display:none}#quality{top:calc(10px + env(safe-area-inset-top));bottom:auto;flex-direction:column-reverse}}