/* Quiet, translucent controls keep the architecture in focus. */
:root{--glass-light:rgba(255,255,255,.36);--glass-dark:rgba(23,31,28,.38);--glass-blur:blur(16px) saturate(1.12);--glass-shadow:0 6px 24px #18231d0b}
.topbar{border:0}
.language,.toggle-spaces{border:0;background:var(--glass-light);color:#2c3930;box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:background .2s}
.language:hover,.toggle-spaces:hover{background:#ffffff80}
.toggle-spaces small{background:transparent;color:#657166;padding:0;font-size:12px}
.menu-cells{font-size:22px;color:#6f7b65}
.overview-meta{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:6px 0;color:#4a554b}
.map-footer{mix-blend-mode:multiply}
/* Frame the original artwork and blend its white canvas into the overview. */
.project-logo{position:relative;flex:0 0 auto;width:184px;aspect-ratio:719/228;overflow:hidden}
.project-logo img{position:absolute;display:block;width:116.968%;max-width:none;height:auto;left:-8.484%;top:-134.211%;user-select:none}
.meta-number{color:#495a4a;font-size:29px}
.overview-meta>span:last-child{color:#697367}
.marker{--cell-color:#334939ba;filter:drop-shadow(0 3px 6px #233c2424)}
.marker::before{background:transparent}
.marker.active,.marker:hover,.marker:focus-visible{--cell-color:#bd8d31e8;filter:drop-shadow(0 0 7px #caa14a70)}
.room-preview{border:0;background:#ffffff70;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:5px;border-radius:14px;box-shadow:0 12px 32px #2537291c}
.room-preview>img{border-radius:9px;height:112px}
.room-preview-caption{padding:10px 8px 6px}
.room-preview-caption strong{font-size:14px;font-weight:500}
.spaces-panel{border:0;background:#f4f3edc9;color:#2e3c32;backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12);box-shadow:-8px 12px 60px #17221b1c;border-radius:22px}
.spaces-panel::backdrop{background:#18251d20;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.close-spaces{border:0;background:#ffffff60;color:#344537}
.close-spaces:hover{background:#ffffffa0}
.panel-heading h2{color:#2d3e32}
.panel-heading .eyebrow{color:#78826f}
.count{clip-path:none;background:transparent;color:#7c8776;font-size:14px}
.room-link{border:0;box-shadow:none;border-radius:10px}
.room-link .name{color:#35483b}
.room-link .index,.room-link.visited:not(.active) .index{clip-path:none;background:transparent;color:#8b957e;font-size:12px}
.room-link .arrow{color:#788770}
.room-link:hover{background:#ffffff65;border:0}
.room-link.active{background:#dce3d566;box-shadow:none;border:0}
.room-link.active .name{color:#213c2b}
.room-link.active .index{background:none;color:#8c743e}
.room-link.active .arrow{color:#627454}
.panel-foot{border:0;padding-top:14px}
.panel-foot .status-label,.panel-foot small{color:#7a8774}
.panel-foot p{color:#52634f}
.room-motion{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:center;pointer-events:auto}
.room-motion.is-moving{will-change:transform}
.room-gradient{background:linear-gradient(180deg,#10201a32,transparent 22%,transparent 73%,#0c1b155e)}
.back-map,.room-location,.room-topbar>button:last-child,.room-zoom,.filmstrip,.view-arrow,.room-footer>button{border:0;background:var(--glass-dark);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:#fffef8}
.back-map:hover,.view-arrow:hover,.room-footer>button:hover{background:#25312b80}
.room-location{gap:9px}
.room-location>span:first-child{background:transparent;clip-path:none;color:#e6d8b5;width:auto;height:auto;padding:0 3px;font-size:12px}
.room-topbar>button[aria-pressed=true]:last-child{background:#ffffffb8;color:#2d4135;border:0}
.room-info{border:0;border-radius:18px;background:#18241fb3;box-shadow:0 12px 40px #07170f17;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.room-info>p{color:#ffffffe0}
.room-kicker>span:first-child{border:0;width:auto;height:auto;padding-right:3px;border-radius:0}
.material-tags{gap:7px 12px}
.material-tags span{border:0;background:none;border-radius:0;padding:0;color:#e2e5d8;font-size:12px;line-height:1.6}
.version-switch{border:0;background:#ffffff0e;padding:4px}
.version-switch button.active{background:#ffffffd1;color:#2b4231}
.minimap{border:0;background:#ffffff63;border-radius:14px;box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden;opacity:1}
.info-hidden .minimap{opacity:1}
.minimap small{color:#374b3c}
.filmstrip{padding:5px;gap:8px;border-radius:13px;background:#18211e33}
.thumb{border:0;border-radius:8px;opacity:.56}
.thumb.active{border:0;opacity:1}
.thumb.active::after{content:'';position:absolute;bottom:0;left:27%;right:27%;height:2px;background:#fff7dd;border-radius:2px}
.thumb span{font-size:10px;color:#fff}
.detail-point{border:0;background:#ffffff50;color:#fff;box-shadow:0 3px 15px #14221c1f;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);text-shadow:0 1px 3px #0006;font-size:20px}
.detail-point:hover{background:#ffffff80;box-shadow:0 4px 20px #10241b30}
.detail-point::after{background:#17251ed1;border-radius:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:14px}
.detail-card{border:0;border-radius:18px;background:#f5f5eee3;box-shadow:0 12px 45px #05180d26;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.detail-card .eyebrow{color:#808767}
.room-footer{color:#ffffffdd}
.room-footer>span:first-child{color:#fff4d7}
.room-footer>span:nth-child(2){opacity:.72}
.travel-shell::before{content:'';position:absolute;inset:0;background:rgba(233,240,234,.22);backdrop-filter:blur(18px) saturate(.85);-webkit-backdrop-filter:blur(18px) saturate(.85);animation:travel-frost-in .55s ease both}
.travel-shell.revealing::before{animation:travel-frost-out .6s ease both}
.travel-shell>svg{overflow:visible}
.travel-label{color:#49594d;gap:11px;text-shadow:0 1px 16px #ffffffe0}
.travel-label strong{color:#253d2f;font-size:clamp(32px,4vw,48px);text-shadow:0 1px 24px #ffffffd9}
.travel-label>span:not(.travel-bee){font-size:11px;letter-spacing:2.3px;color:#596d5d}
.travel-label .travel-bee{width:58px;height:63px;margin-bottom:6px;filter:drop-shadow(0 3px 6px #53614c20)}
.travel-label i{display:none}
@keyframes travel-frost-in{from{opacity:0}to{opacity:1}}
@keyframes travel-frost-out{from{opacity:1}to{opacity:0}}
@media(max-width:800px){.travel-shell::before{backdrop-filter:blur(12px) saturate(.85);-webkit-backdrop-filter:blur(12px) saturate(.85)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.travel-shell::before{background:rgba(235,241,236,.78)}}
@media(max-width:800px){.spaces-panel{border-radius:19px}.overview-meta{max-width:125px}.project-logo{width:136px}.filmstrip{gap:6px}.room-info{border-radius:16px}.room-gradient{background:linear-gradient(180deg,#10201a48,transparent 27%,transparent 73%,#0c1b1566)}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.room-motion{transform:none!important;will-change:auto}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.language,.toggle-spaces,.room-preview{background:#f6f5eee8}.spaces-panel{background:#f4f3edf2}.back-map,.room-location,.room-topbar>button:last-child,.room-zoom,.filmstrip,.view-arrow,.room-footer>button{background:#24352cbd}}