#interludeMedia[hidden]{display:none!important}
#interludeMedia{position:absolute;inset:0;z-index:1000;background:#06131c;color:#fff4dc;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:8px;box-sizing:border-box;overflow:hidden;font-family:system-ui,sans-serif}
#interludeMedia header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#interludeMedia h2{font-size:clamp(17px,2.2vw,24px);line-height:1.4;margin:0;letter-spacing:.04em}
#interludeMovie{width:100%;height:100%;min-height:0;object-fit:contain;background:#000}
#interludeMedia nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
#interludeMedia button{font:inherit;font-size:16px;min-height:46px;padding:8px 16px;border:1px solid #b79e70;border-radius:3px;background:#173541;color:#fff4dc;cursor:pointer;line-height:1.3}
#interludeMedia button:focus-visible{outline:3px solid #f9dc97;outline-offset:2px}
#interludeMediaStatus{font-size:14px;line-height:1.4;margin:0;text-align:center}
#interludeMediaStatus:empty{display:none}
@media(max-height:450px){#interludeMedia{gap:4px;padding:6px 12px}#interludeMedia h2{font-size:17px}#interludeMedia button{min-height:38px;padding:6px 12px;font-size:15px}}
@media(max-width:420px){#interludeMedia nav button{padding:8px 10px;font-size:15px}#interludeMedia nav button:last-child{flex-basis:100%}}

.interlude-replays{display:flex;gap:8px;justify-content:center;margin:10px 0}.interlude-replays button{font:inherit;font-size:15px;padding:8px 16px;min-height:40px;background:#173541;color:#f7e8cb;border:1px solid #ad976b;border-radius:3px;cursor:pointer}