/* Static first: this image remains the only background on constrained devices. */
#silver-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#000}
#silver-background #static-brand-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;visibility:visible!important;opacity:1;z-index:0}
#silver-background canvas{z-index:1}
#silver-background #code-hero-layer{z-index:2}
body:not([data-motion-mode="full"]) #silver-background canvas{visibility:hidden!important;opacity:0!important}
body:not([data-motion-mode="full"]) .visual-playback{display:none}
body:not([data-motion-mode="full"]) #film-toggle{visibility:hidden;pointer-events:none}
body[data-motion-mode="full"] #silver-background canvas{visibility:visible}
.hero{background:transparent!important}
.hero .film-poster,.hero #hero-film{display:none!important}
#film-viewer-stage>[data-static-brand-preview]{display:block;width:100%;height:100%;object-fit:contain}
#optimized-diagnostics{position:fixed;bottom:8px;left:8px;z-index:10000;max-width:calc(100% - 32px);white-space:pre-wrap;overflow-wrap:anywhere;background:#000d;color:#eee;padding:8px;font:11px/1.5 monospace;pointer-events:none}
#optimized-diagnostics[hidden]{display:none}
@media(max-width:700px){#silver-background #static-brand-image{object-fit:contain}}