:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#101918;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #b8ffdf;outline-offset:5px}[hidden]{display:none!important}#viewer{height:100%;width:100%;position:relative;overflow:hidden;isolation:isolate}#panorama,#fallback,#targets,.vignette{position:absolute;inset:0;width:100%;height:100%}#panorama{display:block;touch-action:none;cursor:grab}#panorama.dragging{cursor:grabbing}#fallback{object-fit:contain}#targets{pointer-events:none;z-index:3}.vignette{pointer-events:none;z-index:4;background:linear-gradient(180deg,rgba(0,15,14,.45),transparent 22%,transparent 68%,rgba(0,15,14,.65))}.glass{background:rgba(16,31,29,.78);border:1px solid rgba(230,255,247,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 8px 32px #0002}.topbar{position:absolute;z-index:6;top:max(20px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar a,.topbar button{padding:12px 18px;text-decoration:none;color:inherit;font-size:14px}.back span{margin-right:9px}.brand{font-size:30px;letter-spacing:-2px;font-weight:650}.brand span{color:#b1f9d4;margin-left:2px}.room-caption{position:absolute;z-index:5;bottom:max(82px,calc(env(safe-area-inset-bottom) + 70px));left:max(28px,env(safe-area-inset-left));pointer-events:none;max-width:calc(100% - 56px);text-shadow:0 2px 15px #0006}.eyebrow{font-size:10px;letter-spacing:2.4px;opacity:.75}.room-caption h1{font-weight:500;letter-spacing:-1px;font-size:clamp(25px,4vw,40px);line-height:1.15;margin:8px 0}.room-caption p{font-size:12px;opacity:.75;margin:0}.controls{position:absolute;z-index:6;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:4px;white-space:nowrap}.controls button,.rooms-heading button{min-width:42px;min-height:42px;border:0;background:transparent;border-radius:13px;font-size:24px}.controls button:hover,.rooms-heading button:hover,.topbar button:hover{background-color:rgba(255,255,255,.12)}.dragHint{font-size:12px;color:#e8fff2b0;padding:0 12px}.loading{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;background:#102420d9;border:1px solid #ffffff30;padding:15px 21px;border-radius:99px;font-size:13px;pointer-events:none}.spinner{width:17px;height:17px;border:2px solid #ffffff40;border-top-color:#c3ffe1;border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(420px,85vw);padding:24px;text-align:center}.error button{border:1px solid #d9ffe966;background:#ffffff15;border-radius:10px;padding:10px 18px}.target{position:absolute;transform:translate(-50%,-50%);padding:0;pointer-events:auto;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;max-width:170px;text-shadow:0 1px 6px #0009}.target-orb{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e3fff3c4;border-radius:50%;background:radial-gradient(circle at 40% 30%,#effffb9c,#8bdfbc33 60%,#b6ffe917);box-shadow:0 0 16px #bcffe666,inset 0 0 9px #e1fff930;transition:box-shadow .22s,border-color .22s,background .22s}.target-orb::after{content:"";width:8px;height:8px;border-radius:50%;background:#effff5;box-shadow:0 0 12px #dcfff1}.target-label{font-size:11px;line-height:1.2;padding:5px 8px;border-radius:8px;background:#102420c9;border:1px solid #ddfff323;white-space:nowrap}.target:hover .target-orb,.target:focus-visible .target-orb{box-shadow:0 0 12px #d9fff6,0 0 34px #98ffdcb0,inset 0 0 18px #dbfff580;border-color:#fff;background:#caffee77}.target:focus-visible{outline-offset:7px;border-radius:8px}#viewer.loading-view #targets,#viewer.travelling #targets{pointer-events:none}#viewer.loading-view .target,#viewer.travelling .target{pointer-events:none}.rooms{position:absolute;z-index:8;right:max(22px,env(safe-area-inset-right));top:82px;bottom:max(86px,env(safe-area-inset-bottom));width:min(350px,calc(100% - 44px));padding:15px;overflow:auto}.rooms-heading{display:flex;align-items:center;justify-content:space-between}.rooms-heading h2{font-size:17px;font-weight:500;margin:8px}.room-choice{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 10px;background:none;border:0;border-radius:11px;min-height:48px;font-size:14px}.room-choice span{font-size:11px;opacity:.55;min-width:22px}.room-choice:hover{background:#ffffff0f}.room-choice[aria-current="true"]{background:#c3ffe11a;color:#caffdf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transition-frame{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}@media(max-width:600px){.topbar{left:15px;right:15px;top:max(14px,env(safe-area-inset-top))}.topbar a,.topbar button{padding:11px 14px}.brand{font-size:27px}.room-caption{left:20px;bottom:86px}.dragHint{padding:0 6px;font-size:11px}.rooms{right:15px;width:calc(100% - 30px)}.target-label{font-size:10px}.target{max-width:140px}.target-orb{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Clear droplets: visible panorama, a thick rim, and offset reflected highlights. */
.glass{background:linear-gradient(145deg,#f2fffb20,#ffffff07 35%,#0e252c30 82%,#e4fff319);border-color:#edfff963;box-shadow:inset 0 1px 1px #ffffffa1,inset 1px 0 1px #ffffff40,inset 0 -2px 3px #08201c88,0 7px 25px #001d203b;backdrop-filter:blur(9px) saturate(1.35);-webkit-backdrop-filter:blur(9px) saturate(1.35);border-radius:23px}
.top-actions{display:flex;gap:10px}.topbar .glass{text-shadow:0 1px 6px #000c;min-height:44px;font-weight:550}.topbar .glass:hover{box-shadow:inset 0 1px 2px #fff,inset 0 -2px 4px #08201c88,0 0 19px #dcfff441,0 7px 25px #001d203b;background-color:#effffb14}.controls{background:linear-gradient(145deg,#e8fff826,#ffffff0a 45%,#08201c35);text-shadow:0 1px 5px #000c}.controls button{background:radial-gradient(ellipse at 35% 16%,#ffffff1f,transparent 66%);box-shadow:inset 0 1px 0 #ffffff20}.target-orb{position:relative;width:48px;height:48px;background:radial-gradient(ellipse at 31% 19%,#ffffff91,transparent 37%),radial-gradient(ellipse at 76% 87%,#d0fff34d,transparent 36%),linear-gradient(150deg,#ffffff32,#c9ffe910 50%,#315f5c2a);border:1px solid #f3fffaaf;box-shadow:inset 0 2px 2px #fff9,inset 1px 0 1px #ffffff60,inset 0 -3px 4px #102a295c,0 2px 7px #001e2d44,0 0 16px #c9ffef3d;backdrop-filter:blur(1.5px) saturate(1.4) contrast(1.07);-webkit-backdrop-filter:blur(1.5px) saturate(1.4) contrast(1.07)}.target-orb::before{content:"";position:absolute;left:11px;right:13px;top:5px;height:9px;border-top:2px solid #ffffffc9;border-radius:50%;transform:rotate(-20deg)}.target-orb::after{width:7px;height:7px;background:#f6fffd;box-shadow:0 0 11px #e2fff5}.target-label{background:#0c241f8f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 #ffffff18}.rooms,.error{background:linear-gradient(140deg,#173b36e8,#122823ec);border-color:#e2fff955}.rooms{border-radius:22px}.room-choice:hover{background:#ffffff17}.dragHint{color:#fff;text-shadow:0 1px 5px #000}
@media(max-width:600px){.topbar{gap:8px}.topbar a,.topbar button{padding:11px 12px;font-size:12px}.top-actions{gap:6px}.brand{font-size:23px;letter-spacing:-1.4px}.target-orb{width:44px;height:44px}.target-orb::before{left:10px;right:11px}.topbar .back span{margin-right:4px}}

/* Existing route edges remain reachable when floor circles are out of view. */
#viewer #roomsPanel{overflow:auto;touch-action:pan-y}
#viewer .rooms h3{margin:12px 10px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
#viewer #nearbyList{display:grid;gap:2px}
#viewer #nearbyList button{justify-content:flex-start;width:100%;min-height:44px;padding:0 14px;border-radius:16px;text-align:left;font-size:13px;background:#ffffff08}
#viewer #nearbyList button:hover{background:#ffffff17}
#viewer #roomsList{overflow:visible;flex-shrink:0}
#viewer #nearbyConnections{flex-shrink:0}
@media(orientation:landscape) and (max-height:500px){
 #viewer #roomsPanel{top:56px;bottom:12px;max-height:calc(100% - 68px);padding:10px}
 #viewer #roomsPanel .rooms-heading{padding:0 0 0 8px;min-height:34px}
 #viewer #roomsPanel .rooms-heading h2{font-size:14px;margin:0}
 #viewer #roomsPanel #closeRooms{width:32px;min-height:32px}
 #viewer #roomsPanel h3{margin:9px 10px 4px}
}