.offline-player{min-height:calc(100dvh - var(--nav-total, 4.5rem));background:#0d0b0b;color:#fff}.offline-player__bar{display:grid;grid-gap:.35rem;gap:.35rem;width:min(1240px,calc(100% - (var(--page-x, 1.25rem) * 2)));margin:0 auto;padding:.85rem 0 .65rem}.offline-player__close{justify-self:start;font-family:var(--font-header);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75);background:transparent;border:0;padding:.35rem 0;min-height:44px}.offline-player__title{margin:0;font-size:clamp(1rem,3.5vw,1.35rem);letter-spacing:.05em;text-transform:uppercase;color:#fff}.offline-player__stage{position:relative;width:100%;aspect-ratio:16/9;max-height:min(72vh,820px);background:#000}.offline-player__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.offline-player__error,.offline-player__loading{position:absolute;inset:0;z-index:1;display:grid;place-content:center;grid-gap:.85rem;gap:.85rem;padding:1.25rem;text-align:center;background:rgba(0,0,0,.72);color:#f5f0ea}.offline-player__error p{max-width:28rem;margin:0 auto;line-height:1.45;color:rgba(255,255,255,.88)}.offline-player__tap{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border:0;background:rgba(0,0,0,.35);color:#fff;font-family:var(--font-header);font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}@media (max-width:560px){.offline-player__bar{width:calc(100% - 2rem)}.offline-player__stage{max-height:none;aspect-ratio:16/9}}