.official-film-section{background:var(--background);border-bottom:1px solid var(--border)}.official-film-heading{font:300 2.75rem/1.08 var(--font-serif);letter-spacing:0}.official-film-player{background:var(--background);position:relative}.official-film-screen{aspect-ratio:16/9;position:relative}.official-film-screen video{object-fit:contain;width:100%;height:100%;display:block}.official-film-play{border:1px solid var(--foreground);width:80px;height:80px;color:var(--foreground);background:color-mix(in oklch,var(--background) 86%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.official-film-play:hover{background:var(--primary);color:var(--primary-foreground)}.official-film-play svg{width:26px;height:26px}.official-film-controls{border-bottom:1px solid var(--border);background:var(--background);color:var(--foreground);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.official-film-control{border-radius:0;flex:0 0 44px;width:44px;height:44px}.official-film-controls input{accent-color:var(--signal-glow);cursor:pointer;min-height:44px}.official-film-controls input:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.official-film-seek{flex:80px;min-width:60px}.official-film-volume{width:80px}.official-film-time{font:400 11px/1.5 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.official-film-error{text-align:center;background:var(--background);place-content:center;justify-items:center;gap:12px;padding:16px;display:grid;position:absolute;inset:0}.official-film-player:-webkit-full-screen{flex-direction:column;justify-content:center;padding:16px;display:flex}.official-film-player:fullscreen{flex-direction:column;justify-content:center;padding:16px;display:flex}.official-film-player:-webkit-full-screen .official-film-screen{aspect-ratio:auto;flex:1;width:100%;min-height:0;max-height:calc(100dvh - 100px)}.official-film-player:fullscreen .official-film-screen{aspect-ratio:auto;flex:1;width:100%;min-height:0;max-height:calc(100dvh - 100px)}.official-film-player:-webkit-full-screen .official-film-controls{flex-shrink:0}.official-film-player:fullscreen .official-film-controls{flex-shrink:0}@media(min-width:768px){.official-film-heading{font-size:4rem}.official-film-play{width:96px;height:96px}}@media(max-width:480px){.official-film-heading{font-size:2.25rem}.official-film-volume{display:none}.official-film-controls{gap:4px}.official-film-seek{flex-basis:100%;order:-1;width:100%}.official-film-time{margin-right:auto}}