html,body{color:#f4f1ea;background:#101112;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#webgl{width:100%;height:100%;display:block;position:fixed;inset:0}button{color:#f4f1ea;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;font:inherit;background:#12121273;border:1px solid #ffffff47;border-radius:999px;padding:.7rem 1rem}button:hover{background:#ffffff2e}.topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:18px;left:18px;right:18px}.brand{pointer-events:none;letter-spacing:.08em;text-transform:uppercase;color:#f4f1eae6;background:0 0;border:none;padding:.55rem 0;font-size:.85rem}nav{pointer-events:auto;gap:.5rem;display:flex}.landing-copy{z-index:12;pointer-events:none;width:min(460px,100vw - 56px);position:fixed;bottom:28px;left:28px}.landing-copy h1{letter-spacing:-.06em;margin:.3rem 0 .7rem;font-size:clamp(2rem,5vw,5rem);line-height:.95}.landing-copy p{color:#f4f1eac7;max-width:36rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#f4f1eaa6;font-size:.72rem}.panel{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121285;border:1px solid #ffffff38;border-radius:28px;width:min(390px,100vw - 48px);padding:1.2rem;position:fixed;top:92px;right:24px;box-shadow:0 20px 80px #0000004d}.panel h2{margin:.15rem 0 .8rem;font-size:1.65rem}.panel p{color:#f4f1eacc;line-height:1.5}.panel-actions,.view-row,.mode-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.small-close{width:32px;height:32px;padding:0;position:absolute;top:12px;right:12px}.viewer-ui{z-index:22;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12121275;border:1px solid #ffffff2e;border-radius:24px;width:min(820px,100vw - 30px);padding:.8rem;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.viewer-ui p{color:#f4f1eaa3;margin:.5rem .3rem 0;font-size:.82rem}.walk-controls{z-index:40;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:fixed;bottom:22px;left:22px}.walk-controls button{width:54px;height:54px;padding:0}.hidden{display:none!important}.cloud-veil{z-index:8;pointer-events:none;opacity:1;filter:blur(18px);-webkit-mask-image:radial-gradient(circle at var(--reveal-x,50%) var(--reveal-y,50%), #000 0%, #000 100%);-webkit-mask-image:radial-gradient(circle at var(--reveal-x,50%) var(--reveal-y,50%), #000 0%, #000 100%);mask-image:radial-gradient(circle at var(--reveal-x,50%) var(--reveal-y,50%), #000 0%, #000 100%);background:radial-gradient(circle at 12% 22%,#ffffffeb,#0000 22%),radial-gradient(circle at 34% 64%,#eeeee6db,#0000 27%),radial-gradient(circle at 62% 36%,#ffffffe0,#0000 24%),radial-gradient(circle at 84% 74%,#e6e6dad1,#0000 25%),linear-gradient(#d7d7cdc2,#d7d7cdad);transition:opacity .65s,-webkit-mask-image .25s,mask-image .25s;position:fixed;inset:-8%;transform:scale(1.04)}.cloud-veil.reveal{-webkit-mask-image:radial-gradient(circle at var(--reveal-x,50%) var(--reveal-y,50%), transparent 0%, transparent 18%, #00000047 28%, #000 48%);-webkit-mask-image:radial-gradient(circle at var(--reveal-x,50%) var(--reveal-y,50%), transparent 0%, transparent 18%, #00000047 28%, #000 48%);mask-image:radial-gradient(circle at var(--reveal-x,50%) var(--reveal-y,50%), transparent 0%, transparent 18%, #00000047 28%, #000 48%)}.cloud-veil.hidden{opacity:0}.mist{z-index:100;pointer-events:none;background:#ebebe100;transition:background .7s;position:fixed;inset:0;overflow:hidden}.mist.active{background:#ebebe1b8}.mist-layer{opacity:0;filter:blur(28px);background:radial-gradient(circle at 20% 30%,#fffffff2,#0000 26%),radial-gradient(circle at 60% 55%,#f5f5eee6,#0000 30%),radial-gradient(circle at 80% 25%,#ffffffb8,#0000 22%);position:absolute;inset:-25%;transform:translate(-10%)}.mist.active .mist-a{opacity:.9;animation:1.8s ease-in-out forwards mistMove}.mist.active .mist-b{opacity:.75;animation:1.8s ease-in-out forwards mistMoveReverse}.mist-label{color:#2828288c;text-transform:uppercase;letter-spacing:.2em;opacity:0;font-size:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mist.active .mist-label{animation:1.6s ease-in-out forwards labelFade}@keyframes mistMove{0%{opacity:0;transform:translate(-20%)scale(1.05)}45%{opacity:1}to{opacity:.15;transform:translate(20%)scale(1.15)}}@keyframes mistMoveReverse{0%{opacity:0;transform:translate(20%)scale(1.1)}45%{opacity:.9}to{opacity:.05;transform:translate(-15%)scale(1.18)}}@keyframes labelFade{0%,to{opacity:0}45%{opacity:1}}.toast{z-index:80;color:#111;background:#f4f1eaeb;border-radius:999px;padding:.8rem 1rem;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000040}.destination-panel{inset:auto auto 90px 24px}#destination-extra{color:#f4f1eabf;line-height:1.5}@media (width<=760px){.topbar{align-items:flex-start;top:10px;left:10px;right:10px}.brand{padding:.45rem 0;font-size:.72rem}nav{flex-wrap:wrap;justify-content:flex-end;gap:.25rem}button{padding:.55rem .7rem;font-size:.82rem}.landing-copy{width:calc(100vw - 28px);bottom:14px;left:14px}.landing-copy h1{font-size:2rem}.panel{border-radius:20px;width:auto;max-height:44vh;padding:1rem;top:76px;left:10px;right:10px;overflow:auto}.destination-panel{max-height:38vh;top:auto;bottom:12px}.viewer-ui{border-radius:18px;width:calc(100vw - 20px);padding:.55rem;bottom:10px}.view-row,.mode-row{gap:.3rem;margin-top:.45rem}.viewer-ui p{display:none}.walk-controls{bottom:88px;left:10px}.walk-controls button{width:48px;height:48px}}@media (orientation:portrait) and (width<=760px){body:after{content:"Landscape works best for walkabout mode";z-index:60;color:#f4f1eaa6;pointer-events:none;font-size:.72rem;position:fixed;bottom:10px;right:10px}}