.museum-story{background:#0b2432;color:#fff;border-radius:12px;overflow:hidden;margin:0 auto;width:100%}.museum-story[hidden],#museumOfficialVideo[hidden]{display:none!important}.museum-story canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.story-controls{display:flex;align-items:center;gap:9px;padding:12px;background:#102e3e;direction:ltr}.story-controls button{border:1px solid #59838c;border-radius:7px;background:#183d4e;color:#fff;min-height:42px;min-width:42px;font-size:20px;cursor:pointer}.story-controls button:disabled{opacity:.4;cursor:default}.story-controls button:focus-visible,.story-controls input:focus-visible,.story-options select:focus-visible{outline:3px solid #ffd477;outline-offset:2px}.story-seek{flex:1;min-width:50px;accent-color:#70e2c2}.story-volume{width:70px;accent-color:#70e2c2}.story-time{font:14px system-ui;white-space:nowrap;color:#fff}.story-options{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 16px}.story-options select{padding:8px;background:#fff;border-radius:6px;border:1px solid #a2c0c8;color:#15394a;font:15px system-ui;max-width:220px}.story-options small{color:#c9e0e5;font-size:14px}.museum-story details{padding:10px 18px 18px}.museum-story details summary{cursor:pointer;color:#c9e0e5}.museum-story details p{font-size:19px;line-height:1.6;color:#fff}.museum-story:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;overflow:auto;border-radius:0}.museum-story:fullscreen canvas{max-height:calc(100vh - 150px);object-fit:contain}.museum-story:fullscreen details{display:none}@media(max-width:600px){.story-volume{display:none}.story-controls{gap:5px;padding:8px}.story-controls button{min-width:36px}.story-time{font-size:11px}.story-options{align-items:flex-start;gap:10px}.story-options small{font-size:12px}.story-options select{max-width:150px}.museum-story details p{font-size:16px}}

#videoTheater .video-stage[hidden]{display:none!important}#videoTheater .story-controls button{background:#183d4e!important;color:#fff!important;box-shadow:none}#videoTheater .story-options select,#videoTheater .story-options option{background:#fff!important;color:#15394a!important}#videoTheater .museum-story{color:#fff!important}#videoTheater .museum-story p{color:#fff!important}

/* The existing modal is the top layer on browsers without element fullscreen. */
#videoTheater.story-expanded-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;overflow:hidden;transform:none;background:#0b2432;box-sizing:border-box}
#videoTheater.story-expanded-dialog>*:not(.museum-story){display:none!important}
#videoTheater .museum-story.story-expanded{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;max-height:100%;margin:0;border-radius:0;overflow:hidden;box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#videoTheater .museum-story.story-expanded canvas{flex:1 1 0;min-height:0;width:100%;height:0;max-height:none;object-fit:contain;aspect-ratio:auto}
#videoTheater .museum-story.story-expanded .story-controls{flex:0 0 auto;flex-wrap:wrap}
#videoTheater .museum-story.story-expanded .story-controls button{min-width:44px;min-height:44px;padding:4px}
#videoTheater .museum-story.story-expanded .story-options,#videoTheater .museum-story.story-expanded details{display:none}