#tracerLayer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}
#note,#overviewCopy,#openingTitle{z-index:2}
#tracerTools{position:absolute;top:84px;left:4%;right:4%;display:flex;gap:12px;align-items:center;font:10px Arial;z-index:10}
#tracerTools>span{letter-spacing:.16em;color:#92d6ff;margin-right:8px}
#tracerTools button,#tracerTools a{padding:9px 12px;border:1px solid #ffffff35;border-radius:20px;background:#081b24a8;backdrop-filter:blur(8px)}
#tracerToggle[aria-pressed=true]{border-color:#56baffaa;color:#bdeaff}
@media(max-aspect-ratio:1/1){#tracerLayer{object-fit:cover}#tracerTools{top:70px;gap:5px;font-size:9px}#tracerTools>span{display:none}#tracerTools button,#tracerTools a{padding:8px}#note,#note[data-stop]:not([data-stop="0"]){top:20%}}
@media(max-height:650px) and (min-aspect-ratio:1001/1000){#tracerTools{top:auto;bottom:70px;left:4%;right:auto}#tracerTools>span{display:none}}
/* Native video decoding/compositing for the tour; same geometry as the overlay. */
#film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
@media(max-aspect-ratio:1/1){#film{object-fit:cover}}
@media(max-width:480px){#tracerTools{flex-wrap:wrap;right:4%}#tracerTools a{display:none}}
#film{z-index:0}.edge-shade,#overviewShade,#noteShade{z-index:1}#tracerLayer{z-index:2}#note,#overviewCopy,#openingTitle{z-index:3}

/* Narrower side shading, with the notes closer to the outside edge. */
#noteShade[data-side=left]{background:linear-gradient(90deg,#02110ac7 0%,#02110a99 20%,#02110a45 36%,transparent 57%)}
#noteShade[data-side=right]{background:linear-gradient(270deg,#02110ac7 0%,#02110a99 20%,#02110a45 36%,transparent 57%)}
#note[data-side=left],#note[data-stop]:not([data-stop="0"])[data-side=left]{left:calc(26% - var(--note-width)/2)!important;right:auto!important}
#note[data-side=right],#note[data-stop]:not([data-stop="0"])[data-side=right]{right:calc(26% - var(--note-width)/2)!important;left:auto!important}
#note p{text-shadow:0 1px 5px #02110a80}
@media(max-aspect-ratio:1/1){
 #note[data-side=left],#note[data-stop]:not([data-stop="0"])[data-side=left]{left:3.5%!important}
 #note[data-side=right],#note[data-stop]:not([data-stop="0"])[data-side=right]{right:3.5%!important}
 #noteShade[data-side=left]{background:linear-gradient(90deg,#02110ac7,#02110a80 30%,#02110a30 48%,transparent 68%)}
 #noteShade[data-side=right]{background:linear-gradient(270deg,#02110ac7,#02110a80 30%,#02110a30 48%,transparent 68%)}
}

#tracerTools{top:auto;bottom:16px;left:auto;right:4%}#stage:not([data-mode=tour]) #tracerTools{display:none}#tracerTools button{padding:6px 10px;font-size:9px}