.native-film-document,#native-film{color-scheme:light;--ivory:#f8f8f1;--ink:#0a3328;--teal:#008f83;--hair:#bfd2c8}
#native-film,#native-film *{box-sizing:border-box}
html.native-film-document,.native-film-document body{margin:0;background:var(--ivory);color:var(--ink);font:15px/1.5 Inter,Arial,sans-serif}
html.is-embedded{overflow:hidden}
#native-film{max-width:1600px;margin:auto;background:var(--ivory)}
.native-film-picture{position:relative;aspect-ratio:16/9;background:#06110e}
.native-film-picture video{display:block;width:100%;height:100%;object-fit:contain;background:#06110e}
.native-film-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 24px;padding:16px 20px;border:1px solid var(--hair)}
.native-film-quality,.native-film-actions{display:flex;align-items:center;gap:12px}
.native-film-quality{color:#536f61}
.native-film-toolbar button,.native-film-toolbar select,.native-film-support button{font:500 14px/1.4 Inter,Arial,sans-serif;min-height:44px;border:1px solid var(--hair);border-radius:4px;background:#fcfcf8;color:var(--ink);padding:11px 16px;cursor:pointer}
.native-film-toolbar button[aria-pressed=true]{background:#e1efe8;border-color:var(--teal)}
.native-film-toolbar button:disabled{opacity:.5;cursor:wait}
.native-film-toolbar select{max-width:180px}
.native-film-toolbar button span{font-size:20px;line-height:1;margin-inline-start:8px}
#native-film :is(button,a,select,summary,video):focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.native-film-support{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 20px;font-size:13px;color:#536f61}
.native-film-support p{margin:0;flex:1 1 180px}
.native-film-support a{color:var(--ink);text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;gap:12px;align-items:center}
.native-film-support a span{color:var(--teal);font-size:22px}
.native-scope{font-size:12px;color:#536f61;margin:0;padding:0 20px 18px;line-height:1.6}
#native-film [hidden]{display:none!important}
#native-film:is(:fullscreen,:-webkit-full-screen,.is-fullscreen){width:100%;height:100dvh;max-width:none;margin:0;display:flex;flex-direction:column;overflow:auto;background:var(--ivory)}
#native-film.is-fullscreen{position:fixed;inset:0;z-index:100001}
#native-film.is-fullscreen{overflow-x:hidden}
#native-film:is(:fullscreen,:-webkit-full-screen,.is-fullscreen) .native-film-picture{flex:1 1 auto;min-height:0;aspect-ratio:auto}
#native-film:is(:fullscreen,:-webkit-full-screen,.is-fullscreen) video{position:absolute;inset:0}
#native-film:is(:fullscreen,:-webkit-full-screen,.is-fullscreen) .native-film-toolbar{flex:none}
#native-film:is(:fullscreen,:-webkit-full-screen,.is-fullscreen) .native-scope{display:none}
#native-film.is-wide:not(.is-fullscreen){max-width:none}
@media(max-width:600px){
 .native-film-toolbar{padding:12px;gap:12px}
 .native-film-quality{width:100%;justify-content:space-between}
 .native-film-actions{display:grid;width:100%;grid-template-columns:auto 1fr 1fr;gap:8px}
 .native-film-toolbar button{padding:11px 10px;font-size:13px}
 .native-film-toolbar button span{margin-inline-start:4px}
 .native-film-support{padding:10px 12px;gap:4px 12px}
}
@media(max-height:480px) and (orientation:landscape){
 #native-film.is-fullscreen .native-film-toolbar{padding:5px 12px;flex-wrap:nowrap}
 #native-film.is-fullscreen .native-film-quality{width:auto}
 #native-film.is-fullscreen .native-film-actions{display:flex;width:auto}
 #native-film.is-fullscreen .native-film-support{padding:2px 12px}
 #native-film.is-fullscreen .native-film-support a{min-height:32px}
}

/* The homepage cover and its video share one fixed-ratio area. Media loads on tap. */
#native-film.survive-inline-player{width:100%;max-width:none;min-width:0}
#native-film.survive-inline-player .survive-poster{position:absolute;inset:0;aspect-ratio:auto;height:100%;margin:0;background:#06110e}
#native-film.survive-inline-player .survive-poster::after{content:none}
#native-film.survive-inline-player .film-cover-content{justify-content:center}
#native-film.survive-inline-player .film-cover-play{position:static;transform:none}
#native-film.survive-inline-player .native-film-picture video{direction:ltr}
#native-film.survive-inline-player.is-wide:not(.is-fullscreen){width:calc(100vw - 48px);margin-inline:calc((100% - 100vw + 48px)/2)}
#native-film.survive-inline-player:is(:fullscreen,:-webkit-full-screen,.is-fullscreen){width:100%;margin:0}
#native-controls{flex:none}
@media(max-width:600px){#native-film.survive-inline-player.is-wide:not(.is-fullscreen){width:calc(100vw - 24px);margin-inline:calc((100% - 100vw + 24px)/2)}}
