:root{color-scheme:dark;--bg:#08090b;--fg:#f6f6f5;--muted:#a6a8ad;--line:#303238;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--fg);font:16px var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p{margin:0;line-height:1.75}h1,h2,h3{margin:0;line-height:1.2}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:5px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.skip-link{position:fixed;left:20px;top:-80px;background:white;color:black;padding:14px;z-index:10}.skip-link:focus{top:12px}
.header,.page-shell,.footer{width:calc(100% - 64px);max-width:900px;margin:0 auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-size:22px;font-weight:800;letter-spacing:1px;line-height:.9;flex-shrink:0}.wordmark span{display:block;font-size:8px;font-weight:400;letter-spacing:6px;margin-top:9px}.help-link{font-size:12px;color:var(--muted)}.help-link:hover{color:white}.page-intro{padding:55px 0 36px}.page-intro h1{font-size:36px;letter-spacing:-1.2px;font-weight:600}.page-intro p{font-size:14px;color:var(--muted);margin-top:13px}
.film{border-top:1px solid var(--line);scroll-margin-top:24px}.film:last-of-type{border-bottom:1px solid var(--line)}.film>summary{display:flex;align-items:center;gap:22px;min-height:94px;padding:26px 2px}.film>summary:hover h2{color:#c9cbd0}.film-number{font-size:14px;color:var(--muted);width:15px;flex-shrink:0}.film h2{font-size:25px;font-weight:500;letter-spacing:-.5px;flex:1}.chevron{display:block;width:9px;height:9px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 5px 5px 12px;flex-shrink:0;color:var(--muted)}details[open]>summary>.chevron{transform:rotate(225deg);margin-bottom:-4px}.film-content{padding:0 0 25px 39px}.language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.language{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border:1px solid #393b40;padding:12px 15px;font-size:13px;line-height:1.4}.language:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.download-icon{color:var(--muted);font-size:17px}.language:hover .download-icon{color:var(--bg)}.film-links{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:12px;line-height:1.6;color:var(--muted)}.film-links a:hover,.collection-download:hover{text-decoration:underline;text-underline-offset:4px;color:white}.film-links a span{margin-left:8px}.collection-download{display:inline-flex;align-items:center;gap:24px;font-size:12px;margin:27px 0 48px;color:var(--muted)}
.help-panel{border-top:1px solid var(--line);scroll-margin-top:24px}.help-panel>summary{display:flex;justify-content:space-between;align-items:center;padding:23px 2px;font-size:14px;color:#d1d2d5}.help-panel>summary:hover{color:#fff}.help-content{padding:8px 0 30px;color:var(--muted);font-size:13px}.about-content p+p{margin-top:15px}.guide-intro{max-width:630px}.text-link{font-size:12px;border-bottom:1px solid #666;padding-bottom:5px;display:inline-flex;gap:20px;margin-top:15px;color:var(--fg)}.instructions{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.instructions li>span{display:block;font-size:10px;color:var(--muted);margin-bottom:12px}.instructions h3{color:var(--fg);font-size:15px;font-weight:500;margin-bottom:10px}.instructions p{font-size:12px;line-height:1.7}.player-guides{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:32px}.player-guide{border-top:1px solid var(--line);padding-top:24px;min-width:0}.player-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:12px;line-height:1.6}.player-heading h3{font-size:22px;font-weight:500;letter-spacing:-.4px;color:var(--fg)}.player-heading>a{font-size:12px;white-space:nowrap;border-bottom:1px solid #666;padding:8px 0;color:var(--fg)}.player-heading>a:hover{border-color:#fff}.player-heading>a span{margin-left:8px}.player-guide ol{padding-left:19px;margin:22px 0 18px;line-height:1.8}.player-guide li{padding-left:4px;margin-bottom:12px}.player-guide strong,.subtitle-tips strong{color:var(--fg);font-weight:500}.menu-path{color:#e1e2e4}.player-footnote{font-size:11px;line-height:1.7}.player-footnote a{text-decoration:underline;text-underline-offset:3px}.subtitle-tips{border-top:1px solid var(--line);padding-top:23px;margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.subtitle-tips p{font-size:12px}.footer{padding:30px 0 40px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.error-page{padding:15vh 8vw}.error-page h1{font-size:clamp(45px,7vw,100px);margin:30px 0}.error-page p{color:var(--muted)}.button{display:inline-flex;gap:25px;align-items:center;background:#f6f6f5;color:#08090b;font-size:12px;padding:18px 24px;margin-top:25px}
@media(max-width:640px){.header,.page-shell,.footer{width:calc(100% - 40px)}.header{height:77px;gap:18px}.wordmark{font-size:19px}.wordmark span{font-size:7px;letter-spacing:5px}.help-link{font-size:11px}.page-intro{padding:34px 0 28px}.page-intro h1{font-size:28px;letter-spacing:-.9px;max-width:330px}.page-intro p{font-size:12px;margin-top:12px}.film>summary{min-height:86px;gap:16px;padding:23px 0}.film h2{font-size:21px;line-height:1.3;letter-spacing:-.4px}.film-number{font-size:12px;width:12px}.chevron{width:8px;height:8px;margin-right:4px;margin-left:4px}.film-content{padding-left:0;padding-bottom:24px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.language{font-size:12px;padding:12px;gap:7px}.film-links{font-size:11px;gap:16px;flex-wrap:wrap;margin-top:18px}.collection-download{margin:24px 0 34px;font-size:11px}.help-panel>summary{font-size:13px;padding:21px 0}.instructions{grid-template-columns:1fr;gap:22px}.instructions li{display:flex;gap:16px}.instructions li>span{margin-top:3px}.player-guides,.subtitle-tips{grid-template-columns:1fr;gap:28px}.player-heading h3{font-size:21px}.footer{font-size:10px;padding-top:25px}.subtitle-tips{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}