.scene .outside-focus{position:absolute;inset:0;clip-path:polygon(47% 0,89.5% 0,89.5% 58%,63% 58%,62% 35%,57% 30%,47% 29%);opacity:0;filter:contrast(1.12) saturate(1.16) brightness(1.025);transition:opacity 1.3s ease;pointer-events:none}
.outside-focus>img{position:absolute;max-width:none;width:210.989%;height:231.151%;left:-10.165%;top:-78.104%;pointer-events:none}
.outside-focus:after{content:"";position:absolute;inset:0;backdrop-filter:blur(3.2px);-webkit-backdrop-filter:blur(3.2px);mask-image:linear-gradient(to bottom,#000 0%,#000 15%,transparent 34%,transparent 45%,#000 59%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 15%,transparent 34%,transparent 45%,#000 59%)}
.window-play{position:absolute;left:47%;top:0;width:42.5%;height:58%;border:0;background:transparent;clip-path:polygon(0 0,100% 0,100% 100%,38% 100%,35% 60%,24% 52%,0 50%);cursor:zoom-in;z-index:1;touch-action:manipulation}
.window-play:focus-visible{background:#ffffff10;outline:3px solid #b2a3e8;outline-offset:-6px}
.mini-world{position:absolute;left:47%;top:0;width:42.5%;height:58%;pointer-events:none;z-index:2;opacity:.12;filter:blur(1px);transition:opacity 1.3s ease,filter 1.3s ease;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,38% 100%,35% 60%,24% 52%,0 50%)}
.mini-world svg{width:100%;height:100%;overflow:hidden}.traffic-light{fill:#fff1cc;filter:drop-shadow(0 0 2px #ffdfb1aa)}.traffic-light.tail-light{fill:#f49a88;filter:drop-shadow(0 0 2px #ea897788)}
.scene.window-awake .outside-focus{opacity:1}.scene.window-awake .mini-world{opacity:.8;filter:blur(.25px)}
.window-note{font-size:12px;color:#82768e;margin:0 0 18px}.window-note b{font-weight:500;color:#675287}.scene .hotspot{z-index:4}.scene .hand{z-index:5}.scene .hint{z-index:6}
@media(prefers-reduced-motion:reduce){.scene .outside-focus,.mini-world{transition:none}}