/* PopScene watch guide */
.watch-guide, .film-detail { width: min(calc(100% - 32px), 1180px); margin: 0 auto; padding: 56px 0 88px; }
.watch-guide-head { max-width: 700px; border-bottom: 1px solid var(--line); padding-bottom: 28px; }
.watch-kicker { color: var(--site-accent); font: 800 11px/1.2 "Arial Narrow", sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.watch-guide h1, .film-copy h1 { margin: 6px 0 12px; font: 800 clamp(38px, 6vw, 72px)/.98 "Arial Narrow", "Noto Sans SC", sans-serif; letter-spacing: -.03em; }
.watch-guide-head > p:last-child { max-width: 560px; color: var(--muted); font-size: 16px; }
.watch-questionnaire { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 30px; }
.watch-question { min-width: 0; border: 1px solid var(--line); padding: 18px; background: var(--surface); }
.watch-question legend { display: flex; gap: 10px; align-items: baseline; padding: 0; font-weight: 800; }
.watch-question legend span { color: var(--site-accent); font: 800 12px/1 var(--mono, monospace); }
.watch-options { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.watch-option { cursor: pointer; }
.watch-option input { position: absolute; opacity: 0; }
.watch-option span { display: block; padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 13px; }
.watch-option input:checked + span { border-color: var(--site-accent); background: var(--site-accent); color: #fff; }
.watch-option input:focus-visible + span { outline: 3px solid var(--site-accent); outline-offset: 3px; }
.watch-actions { grid-column: 1 / -1; display: flex; gap: 12px; align-items: center; padding-top: 4px; }
.watch-primary, .watch-reset, .watch-save { border: 1px solid var(--ink); padding: 11px 17px; border-radius: 999px; text-decoration: none; cursor: pointer; font-weight: 750; }
.watch-primary { background: var(--ink); color: var(--surface); }
.watch-reset { background: transparent; }
.watch-results { margin-top: 52px; border-top: 2px solid var(--ink); padding-top: 18px; }
.watch-status { color: var(--muted); }
.watch-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.watch-card { position: relative; border-bottom: 1px solid var(--line); padding-bottom: 22px; }
.watch-card > a { display: block; text-decoration: none; }
.watch-card-image { aspect-ratio: 2 / 3; overflow: hidden; background: var(--line); }
.watch-card-image img { width: 100%; height: 100%; object-fit: cover; }
.watch-card-image span, .film-poster-fallback { display: grid; place-items: center; width: 100%; height: 100%; color: var(--site-accent); font: 800 38px/1 "Arial Narrow", sans-serif; }
.watch-card-copy { padding-top: 12px; }
.watch-card-copy h2 { margin: 4px 0 8px; font-size: 21px; line-height: 1.2; }
.watch-card-copy p:last-child { color: var(--muted); font-size: 13px; }
.watch-card-meta, .film-meta { margin: 0; color: var(--site-accent); font: 750 11px/1.3 var(--mono, monospace); letter-spacing: .04em; }
.watch-save { margin-top: 8px; padding: 6px 11px; border-color: var(--line); font-size: 12px; }
.watch-save.is-saved { background: var(--site-accent); color: #fff; border-color: var(--site-accent); }
.film-hero { display: grid; grid-template-columns: minmax(220px, 340px) minmax(0, 1fr); gap: 50px; align-items: end; }
.film-poster { aspect-ratio: 2 / 3; background: var(--line); }
.film-poster img { width: 100%; height: 100%; object-fit: cover; }
.film-copy { max-width: 690px; padding-bottom: 10px; }
.film-original { color: var(--muted); margin: 0 0 10px; }
.film-overview { max-width: 620px; font-size: 17px; }
.film-hero.no-poster { grid-template-columns: minmax(0, 760px); }
.film-story h2 { margin: 22px 0 8px; font-size: 15px; letter-spacing: .04em; }
.film-scores { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.film-scores li { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: baseline; }
.film-scores strong { font-size: 18px; }
.film-scores small { color: var(--muted); font-size: 12px; }
.film-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.film-facts { margin-top: 64px; border-top: 1px solid var(--line); padding-top: 20px; }
.film-facts h2 { font-size: 24px; }
.film-facts dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.film-facts dt { color: var(--muted); font-size: 12px; }
.film-facts dd { margin: 4px 0 0; font-weight: 700; }
.film-attribution { color: var(--muted); font-size: 13px; }
@media (max-width: 760px) {
  .watch-guide, .film-detail { padding-top: 34px; }
  .watch-questionnaire, .watch-result-grid, .film-hero { grid-template-columns: 1fr; }
  .watch-actions { grid-column: auto; }
  .watch-guide h1, .film-copy h1 { font-size: 48px; }
  .film-hero { gap: 24px; }
  .film-poster { width: min(66vw, 280px); }
  .film-facts dl { grid-template-columns: 1fr; }
}

.watch-guide-page, .film-detail-page {color-scheme:light;}
.watch-guide-head {max-width:none;}
.watch-guide-head h1 {font-size:clamp(36px,5vw,58px);line-height:1.2;}
.watch-demo,.watch-notice {padding:16px 20px;border:1px solid var(--line);background:var(--surface);margin:0 0 24px;}
.watch-count,.watch-explainer,.watch-attribution {font-size:13px;color:var(--muted);max-width:850px;}
.watch-attribution {margin-top:40px;}
.watch-card h3 {font-size:22px;line-height:1.35;margin:8px 0;}
.watch-card a,.film-copy,.watch-question {overflow-wrap:anywhere;}
.watch-card-image,.film-poster {position:relative;}
.watch-card-image img,.film-poster img {position:absolute;inset:0;}
.watch-card-image img[hidden],.film-poster img[hidden],[data-more][hidden],[data-export][hidden] {display:none;}
.watch-card-image span,.film-poster-fallback {font-size:16px;}
.watch-option span {min-height:44px;display:flex;align-items:center;}
.watch-save,.watch-reset,.watch-primary {min-height:44px;touch-action:manipulation;}
.watch-actions,.watch-card-actions {flex-wrap:wrap;}
.watch-card-actions {display:flex;gap:8px;}
.watch-card button {background:transparent;}
.watch-card button.is-saved {background:var(--site-accent);}
.watch-question {position:relative;}
.watch-option input {width:1px;height:1px;}
.watch-breadcrumb {margin-bottom:28px;font-size:14px;}
.watch-primary:hover {color:var(--surface);background:var(--site-accent);border-color:var(--site-accent);}
.watch-reset:hover,.watch-save:hover {border-color:var(--site-accent);}
.watch-results h2 {font-size:28px;scroll-margin-top:100px;}
.watch-results h2:focus-visible {outline:2px solid var(--site-accent);}
.watch-guide button:disabled {opacity:.6;cursor:wait;}
@media(min-width:761px) and (max-width:1023px){.watch-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.watch-guide h1,.film-copy h1{font-size:38px;line-height:1.2;}.watch-question{padding:16px 12px;}.watch-results{margin-top:36px;}}
@media(prefers-reduced-motion:reduce){.watch-guide-page,.film-detail-page{scroll-behavior:auto;}}

.watch-share-preview{max-width:600px;margin-top:24px;}.watch-share-preview img{width:100%;height:auto;margin-bottom:16px;}
.watch-guide{max-width:1100px;padding-top:40px;}
.watch-guide-head{max-width:860px;margin:0 auto;border:0;padding-bottom:24px;}
.watch-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.watch-notice{max-width:860px;margin:0 auto 24px;}
.watch-questionnaire{display:block;max-width:860px;margin:28px auto 0;background:var(--surface);border:1px solid var(--line);padding:28px 32px;}
.watch-step-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);}
.watch-text-button{background:none;border:0;text-decoration:underline;cursor:pointer;min-height:44px;color:inherit;}
.watch-questionnaire progress{display:block;width:100%;height:4px;accent-color:var(--site-accent);border:0;background:var(--line);margin:12px 0 32px;}
.watch-step-stage{min-height:265px;}
.watch-question{padding:0;border:0;margin:0;background:transparent;}
.watch-question legend{font-size:clamp(23px,3vw,32px);line-height:1.4;width:100%;}
.watch-question-hint{font-size:14px;color:var(--muted);margin:8px 0 20px;}
.watch-question .watch-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.watch-question .watch-option span{min-height:56px;border-radius:4px;padding:12px 18px;font-size:16px;}
.watch-option input:checked+span::after{content:'✓';margin-left:auto;}
.watch-step-actions{display:flex;gap:12px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:32px;}
.watch-step-actions .watch-primary{min-width:140px;}
.watch-guide [hidden]{display:none !important;}
.watch-step-actions button:disabled{cursor:not-allowed;opacity:.45;}
.watch-results-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;}
.watch-results-head h2{margin:0;}
.watch-method{max-width:860px;margin:24px auto;font-size:13px;color:var(--muted);}
.watch-method summary{cursor:pointer;min-height:44px;}
.watch-card-no-poster .watch-card-image{aspect-ratio:auto;height:88px;}
@media(max-width:760px){.watch-questionnaire{padding:20px 16px;}.watch-question .watch-options{grid-template-columns:1fr;}.watch-step-stage{min-height:0;}}