:root {
  --ink:#0d1218;
  --ink-2:#141b24;
  --steel:#1c2630;
  --steel-2:#26333f;
  --steel-3:#33424f;
  --fog:#8fa1b0;
  --fog-2:#b6c4d0;
  --paper:#f3ecdb;
  --paper-2:#e8dcbe;
  --paper-3:#d8c795;
  --amber:#c9a961;
  --amber-deep:#9a7a37;
  --line:rgba(143,161,176,.28);
  --line-strong:rgba(143,161,176,.5);
  --warm-line:rgba(154,122,55,.45);
  --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}
*, *::before, *::after {box-sizing:border-box}
html {-webkit-text-size-adjust:100%;text-size-adjust:100%}
body {
  margin:0;
  background:var(--ink);
  color:var(--fog-2);
  font-family:var(--font);
  font-weight:300;
  font-size:15px;
  line-height:1.55;
  letter-spacing:.01em;
  background-image:
    linear-gradient(180deg,rgba(28,38,48,.85) 0%,rgba(13,18,24,0) 340px),
    repeating-linear-gradient(180deg,rgba(143,161,176,.035) 0 1px,rgba(0,0,0,0) 1px 44px);
  background-attachment:scroll;
}
img, video {max-width:100%;display:block}
h1, h2, h3, p, ul, ol, figure, dl, dd, dt {margin:0;padding:0}
ul, ol {list-style:none}
button, input, select {font:inherit;color:inherit}
a {color:inherit;text-decoration:none}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline:2px solid var(--amber);
  outline-offset:2px;
}
.site-header {
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(13,18,24,.94);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(4px);
}
.header-bar {
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  max-width:1440px;
  margin:0 auto;
  padding:8px 18px;
}
a[data-contract="site-name"].brand-mark {
  color:var(--paper);
  text-decoration:none;
  font-weight:800;
  font-size:17px;
  letter-spacing:.06em;
  white-space:nowrap;
  padding:2px 8px 2px 0;
  border-right:2px solid var(--amber-deep);
  text-transform:uppercase;
}
a[data-contract="site-name"].brand-mark:hover {color:var(--amber)}
.category-nav {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  min-width:0;
  flex:1 1 auto;
}
a.runtime-category {
  display:inline-block;
  white-space:nowrap;
  color:var(--fog);
  text-decoration:none;
  font-size:12.5px;
  font-weight:500;
  letter-spacing:.08em;
  padding:3px 9px;
  border:1px solid var(--line);
  background:var(--steel);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);
}
a.runtime-category:hover {
  color:var(--ink);
  background:var(--amber);
  border-color:var(--amber);
}
.page-main {
  max-width:1440px;
  margin:0 auto;
  padding:14px 18px 26px;
  display:flex;
  flex-direction:column;
  gap:22px;
}
.hero-strip {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  padding:14px 14px 18px;
  background:
    linear-gradient(122deg,var(--ink-2) 0%,var(--steel) 46%,var(--steel-2) 100%);
  border:1px solid var(--line);
  overflow:hidden;
}
.hero-strip::after {
  content:"NEGATIVE 17F";
  position:absolute;
  top:8px;
  right:14px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.34em;
  color:rgba(143,161,176,.32);
  pointer-events:none;
}
.hero-player-column {min-width:0}
.player-shell {
  position:relative;
  width:100%;
  background:#05080b;
  border:1px solid var(--line-strong);
  border-left:3px solid var(--amber-deep);
}
.player-shell.is-theater {
  box-shadow:0 0 0 1px var(--amber-deep),0 18px 46px rgba(0,0,0,.7);
}
.player-shell.is-lights-off {
  background:#000;
  border-color:var(--amber-deep);
}
.player-shell.is-lights-off .player-controls {opacity:.35}
.player-shell.is-lights-off:hover .player-controls, .player-shell.is-lights-off:focus-within .player-controls {opacity:1}
.player-video {
  display:block;
  width:100%;
  background:#000;
  border-bottom:1px solid var(--line);
}
.player-video.is-theater, .player-video.is-lights-off {outline:1px solid var(--amber-deep);outline-offset:-1px}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  padding:6px 7px;
  background:linear-gradient(180deg,var(--steel-2),var(--ink-2));
  border-top:1px solid var(--line);
  transition:opacity .2s linear;
}
.player-btn {
  appearance:none;
  cursor:pointer;
  white-space:nowrap;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.06em;
  padding:4px 8px;
  color:var(--fog-2);
  background:var(--steel);
  border:1px solid var(--line-strong);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);
  transition:background .12s linear,color .12s linear,border-color .12s linear;
}
.player-btn:hover {background:var(--steel-3);color:#fff;border-color:var(--fog)}
.player-btn.click, .player-btn:active {background:var(--amber);color:var(--ink);border-color:var(--amber)}
.player-btn-play {
  background:var(--paper-2);
  color:var(--ink);
  border-color:var(--paper-3);
  font-weight:800;
}
.player-btn-play:hover {background:var(--paper);color:var(--ink)}
.player-btn-light {color:var(--amber)}
.player-btn-theater {border-color:var(--warm-line)}
.player-control {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px 6px;
  background:rgba(13,18,24,.5);
  border:1px solid var(--line);
}
.player-control-progress {flex:1 1 150px;min-width:130px}
.player-control-volume {flex:0 1 120px;min-width:104px}
.player-control-speed {flex:0 0 auto}
.player-control-label {
  font-size:10px;
  letter-spacing:.14em;
  color:var(--fog);
  white-space:nowrap;
}
.player-range {
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  min-width:60px;
  height:14px;
  background:transparent;
  cursor:pointer;
}
.player-range::-webkit-slider-runnable-track {
  height:3px;
  background:var(--steel-3);
  border:none;
}
.player-range::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:9px;
  height:13px;
  margin-top:-5px;
  background:var(--amber);
  border:none;
  border-radius:0;
}
.player-range::-moz-range-track {height:3px;background:var(--steel-3);border:none}
.player-range::-moz-range-thumb {
  width:9px;height:13px;background:var(--amber);border:none;border-radius:0;
}
.player-range-progress::-webkit-slider-runnable-track {background:var(--amber-deep)}
.player-range-volume::-webkit-slider-runnable-track {background:var(--fog)}
.player-range.progress::-webkit-slider-thumb {background:var(--paper)}
.player-range.volume::-webkit-slider-thumb {background:var(--fog-2)}
.player-range.speed {max-width:90px}
.player-select {
  appearance:none;
  cursor:pointer;
  background:var(--steel);
  color:var(--fog-2);
  border:1px solid var(--line-strong);
  padding:3px 18px 3px 6px;
  font-size:11.5px;
  letter-spacing:.04em;
  background-image:linear-gradient(45deg,transparent 50%,var(--fog) 50%),linear-gradient(135deg,var(--fog) 50%,transparent 50%);
  background-position:calc(100% - 11px) 8px,calc(100% - 7px) 8px;
  background-size:4px 4px,4px 4px;
  background-repeat:no-repeat;
}
.player-select:hover {background-color:var(--steel-3);color:#fff}
.hero-poster-column {
  align-self:start;
  justify-self:start;
  position:relative;
  z-index:5;
  margin-top:-6px;
  width:min(240px,62vw);
}
.poster-figure {
  position:relative;
  margin:0;
  background:var(--paper);
  padding:6px 6px 0;
  border:1px solid var(--paper-3);
  box-shadow:10px 12px 0 rgba(5,8,11,.55),0 22px 40px rgba(0,0,0,.55);
  transform:rotate(-1.2deg);
}
.poster-figure::after {
  content:"B2577";
  display:block;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.3em;
  color:var(--amber-deep);
  text-align:right;
  padding:3px 2px 5px;
}
.poster-image {
  display:block;
  width:100%;
  aspect-ratio:9 / 16;
  object-fit:cover;
  background:var(--steel-3);
  border:1px solid var(--paper-3);
}
.title-block {
  position:relative;
  padding:12px 12px 12px 14px;
  background:linear-gradient(180deg,rgba(232,220,190,.13),rgba(232,220,190,.03));
  border-left:4px solid var(--amber);
  align-self:start;
}
.movie-title {
  font-size:clamp(20px,3.4vw,30px);
  font-weight:900;
  line-height:1.18;
  letter-spacing:.01em;
  color:var(--paper);
  margin-bottom:6px;
}
.movie-tagline {
  font-size:13px;
  font-weight:600;
  letter-spacing:.16em;
  color:var(--amber);
  padding-bottom:8px;
  margin-bottom:9px;
  border-bottom:1px solid var(--warm-line);
}
.movie-seo {
  font-size:13px;
  font-weight:300;
  line-height:1.72;
  color:var(--fog-2);
  max-width:62ch;
}
.overview-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:12px;
  background:linear-gradient(180deg,rgba(28,38,48,.72),rgba(20,27,36,.72));
  border:1px solid var(--line);
  border-top:2px solid var(--steel-3);
}
.panel-heading {
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.24em;
  color:var(--fog);
  text-transform:uppercase;
  padding-bottom:5px;
  margin-bottom:8px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:6px;
}
.panel-heading::before {
  content:"";
  width:8px;
  height:8px;
  background:var(--amber);
  flex:0 0 auto;
}
.cast-panel, .synopsis-panel, .status-panel, .details-panel {min-width:0}
.cast-list {
  display:flex;
  flex-direction:column;
  gap:2px;
}
.cast-row {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding:3px 6px 4px 8px;
  border-bottom:1px solid rgba(143,161,176,.14);
  border-left:2px solid var(--steel-3);
}
.cast-row:last-child {border-bottom:none}
.cast-row:hover {border-left-color:var(--amber);background:rgba(201,169,97,.06)}
.cast-name {
  font-size:13.5px;
  font-weight:700;
  color:var(--paper);
  letter-spacing:.05em;
  white-space:nowrap;
  flex:0 0 auto;
}
.cast-tag {
  font-size:11.5px;
  font-weight:300;
  color:var(--fog);
  text-align:right;
  line-height:1.4;
  flex:1 1 auto;
  min-width:0;
}
.synopsis-body {
  display:flex;
  flex-direction:column;
  gap:7px;
  padding-left:8px;
  border-left:2px solid var(--steel-3);
}
.synopsis-para {
  font-size:12.5px;
  font-weight:300;
  line-height:1.68;
  color:var(--fog-2);
}
.synopsis-para:first-child {color:var(--paper-2)}
.status-list {
  display:flex;
  flex-direction:column;
  gap:3px;
}
.status-row {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding:4px 8px;
  background:rgba(13,18,24,.5);
  border-left:2px solid var(--amber-deep);
}
.status-key {
  font-size:11px;
  letter-spacing:.14em;
  color:var(--fog);
  white-space:nowrap;
}
.status-value {
  font-size:13px;
  font-weight:700;
  color:var(--paper);
  white-space:nowrap;
}
.details-list {
  display:flex;
  flex-direction:column;
  gap:0;
}
.detail-row {
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:3px 0;
  border-bottom:1px dotted rgba(143,161,176,.22);
}
.detail-row:last-child {border-bottom:none}
.detail-key {
  flex:0 0 76px;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--fog);
}
.detail-value {
  flex:1 1 auto;
  min-width:0;
  font-size:12.5px;
  font-weight:500;
  color:var(--paper-2);
}
.section-heading {
  font-size:14px;
  font-weight:900;
  letter-spacing:.2em;
  color:var(--paper);
  padding:0 0 6px;
  margin-bottom:12px;
  border-bottom:2px solid var(--steel-3);
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
}
.section-heading::after {
  content:"";
  flex:1 1 auto;
  height:1px;
  background:var(--line);
}
.timeline-section {
  padding:12px 12px 30px;
  background:linear-gradient(180deg,rgba(28,38,48,.55),rgba(13,18,24,.2));
  border:1px solid var(--line);
}
.timeline-track {
  position:relative;
  padding:10px 6px 18px;
}
.timeline-list {
  position:relative;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
  align-items:start;
}
.timeline-track::before {
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  top:26px;
  height:calc(100% - 60px);
  max-height:86px;
  background:
    linear-gradient(to bottom right,var(--line-strong),rgba(143,161,176,.08));
  clip-path:polygon(0 0,100% 62%,100% 100%,0 38%);
  pointer-events:none;
  opacity:.7;
}
.timeline-node {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:34px 7px 8px;
  min-height:0;
  align-self:start;
  border-top:2px solid var(--line-strong);
  background:linear-gradient(180deg,rgba(20,27,36,.55),rgba(20,27,36,0));
}
.timeline-node::before {
  content:"";
  position:absolute;
  top:-7px;
  left:7px;
  width:11px;
  height:11px;
  background:var(--fog);
  border:2px solid var(--ink-2);
  transform:rotate(45deg);
}
.timeline-timecode {
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.14em;
  color:var(--fog);
}
.timeline-label {
  font-size:11.5px;
  font-weight:300;
  line-height:1.5;
  color:var(--fog-2);
}
.timeline-node-1 {border-top-color:#9fb2c1}
.timeline-node-1 .timeline-label {color:#d3dde5}
.timeline-node-1::before {background:#c3d0da}
.timeline-node-2 {border-top-color:#8496a5}
.timeline-node-2 .timeline-label {color:#bfcbd6}
.timeline-node-2::before {background:#a8b7c3}
.timeline-node-3 {border-top-color:#6b7d8c;margin-top:5px}
.timeline-node-3 .timeline-label {color:#a9b6c2}
.timeline-node-3::before {background:#8d9dab}
.timeline-node-4 {border-top-color:#556471;margin-top:10px}
.timeline-node-4 .timeline-label {color:#94a1ad}
.timeline-node-4::before {background:#75838f}
.timeline-node-5 {border-top-color:#3f4c58;margin-top:15px}
.timeline-node-5 .timeline-label {color:#7d8a96}
.timeline-node-5::before {background:#5b6874}
.timeline-node-6 {border-top-color:#2c3742;margin-top:20px}
.timeline-node-6 .timeline-label {color:#67737e}
.timeline-node-6::before {background:#414d58}
.timeline-node-7 {border-top-color:#1a222b;margin-top:25px}
.timeline-node-7 .timeline-label {color:#545f69}
.timeline-node-7 .timeline-timecode {color:#5f6b76}
.timeline-node-7::before {background:var(--amber-deep)}
.episodes-section {
  padding:12px;
  background:linear-gradient(180deg,rgba(28,38,48,.4),rgba(13,18,24,.15));
  border:1px solid var(--line);
}
.episode-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
}
.episode-card {
  display:flex;
  flex-direction:column;
  gap:5px;
  height:100%;
  padding:9px 10px 10px;
  background:linear-gradient(180deg,rgba(38,51,63,.75),rgba(20,27,36,.85));
  border:1px solid var(--line);
  border-top:3px solid var(--steel-3);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  transition:border-color .12s linear,transform .12s linear;
}
.episode-card:hover {
  border-top-color:var(--amber);
  transform:translateY(-2px);
}
.episode-number {
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--ink);
  background:var(--amber);
  padding:2px 7px;
  align-self:flex-start;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);
}
.episode-title {
  font-size:14px;
  font-weight:800;
  letter-spacing:.04em;
  color:var(--paper);
  line-height:1.3;
}
.episode-summary {
  font-size:11px;
  font-weight:300;
  line-height:1.62;
  color:var(--fog);
  flex:1 1 auto;
}
.episode-duration {
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.12em;
  color:var(--fog);
  padding-top:6px;
  border-top:1px solid var(--line);
}
.comments-section {
  padding:12px;
  background:linear-gradient(180deg,rgba(28,38,48,.35),rgba(13,18,24,.1));
  border:1px solid var(--line);
}
.comment-stack {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px 10px;
  align-items:start;
}
.comment-note {
  position:relative;
  padding:9px 11px 10px;
  background:linear-gradient(170deg,var(--paper) 0%,var(--paper-2) 100%);
  color:#2a2417;
  border:1px solid var(--paper-3);
  box-shadow:3px 4px 0 rgba(5,8,11,.5);
  transform:rotate(-1.4deg);
}
.comment-note::before {
  content:"";
  position:absolute;
  top:-1px;
  left:14px;
  width:26px;
  height:4px;
  background:rgba(154,122,55,.55);
}
.comment-note-1 {transform:rotate(-1.6deg);z-index:1}
.comment-note-2 {transform:rotate(1.5deg);margin-top:9px;z-index:3;box-shadow:3px 5px 0 rgba(5,8,11,.55)}
.comment-note-3 {transform:rotate(-.8deg);margin-left:-4px;margin-top:-4px;z-index:2}
.comment-note-4 {transform:rotate(1.9deg);margin-top:12px;z-index:4}
.comment-note-5 {transform:rotate(-1.1deg);margin-top:-2px;z-index:2}
.comment-nick {
  display:block;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.06em;
  color:var(--amber-deep);
  margin-bottom:4px;
  padding-bottom:4px;
  border-bottom:1px dashed rgba(154,122,55,.45);
}
.comment-text {
  font-size:12px;
  font-weight:400;
  line-height:1.62;
  color:#3a3222;
  font-style:italic;
}
.recommend-region {
  padding:11px 12px 12px;
  background:linear-gradient(180deg,rgba(28,38,48,.42),rgba(13,18,24,.12));
  border:1px solid var(--line);
  border-left:3px solid var(--steel-3);
}
.region-1 {border-left-color:var(--amber-deep)}
.region-2 {border-left-color:var(--steel-3)}
.region-3 {border-left-color:#3f4c58}
.region-heading {
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.16em;
  color:var(--paper-2);
  padding-bottom:5px;
  margin-bottom:9px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:7px;
}
.region-heading::before {
  content:"";
  width:7px;
  height:7px;
  background:var(--amber);
  transform:rotate(45deg);
  flex:0 0 auto;
}
.region-column {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:8px;
  align-items:start;
}
a.recommend-card {
  display:flex;
  flex-direction:column;
  gap:4px;
  text-decoration:none;
  color:var(--paper-2);
  background:rgba(20,27,36,.7);
  border:1px solid var(--line);
  padding:6px 6px 8px;
  align-self:start;
  transition:border-color .12s linear,transform .12s linear,background .12s linear;
}
a.recommend-card:hover {
  border-color:var(--amber);
  background:rgba(38,51,63,.85);
  transform:translateY(-2px);
}
[data-runtime="recommendation"] img.recommend-pic {
  display:block;
  width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  background:var(--steel-3);
  border:1px solid var(--line);
}
.recommend-name {
  font-size:12.5px;
  font-weight:700;
  line-height:1.35;
  color:var(--paper);
  display:block;
}
.recommend-blurb {
  font-size:10.5px;
  font-weight:300;
  line-height:1.5;
  color:var(--fog);
  display:block;
}
.site-footer {
  border-top:2px solid var(--steel-3);
  background:linear-gradient(180deg,var(--ink-2),#080c10);
  margin-top:6px;
}
.footer-inner {
  max-width:1440px;
  margin:0 auto;
  padding:14px 18px 20px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-nav {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-size:12px;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--fog-2);
  text-decoration:none;
  padding:3px 10px;
  border:1px solid var(--line);
  background:var(--steel);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {
  color:var(--ink);
  background:var(--amber);
  border-color:var(--amber);
}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px 8px;
  padding-top:8px;
  border-top:1px solid var(--line);
}
.friend-links-label {
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--fog);
  padding-right:6px;
  border-right:1px solid var(--line-strong);
}
a.runtime-friend-link {
  font-size:11px;
  font-weight:300;
  letter-spacing:.03em;
  color:var(--fog);
  text-decoration:none;
  padding:2px 6px;
  border:1px solid transparent;
  white-space:nowrap;
}
a.runtime-friend-link:hover {
  color:var(--amber);
  border-color:var(--warm-line);
  text-decoration:underline;
}
.footer-disclaimer {
  font-size:10.5px;
  font-weight:300;
  line-height:1.7;
  color:rgba(143,161,176,.62);
  max-width:90ch;
  padding-top:6px;
  border-top:1px solid rgba(143,161,176,.12);
}
@media (max-width:1080px){.episode-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.comment-stack {grid-template-columns:repeat(2,minmax(0,1fr))}
.timeline-list {grid-template-columns:repeat(4,minmax(0,1fr))}
.timeline-track::before {display:none}
.timeline-node {margin-top:0 !important;padding-top:24px}
.hero-poster-column {width:min(200px,46vw)}}
@media (min-width:960px){.hero-strip {
    grid-template-columns:minmax(0,1fr) minmax(0,.34fr);
    grid-template-areas:
      "player title"
      "player poster";
    align-items:start;
    column-gap:16px;
    row-gap:12px;
  }
.hero-player-column {grid-area:player}
.title-block {grid-area:title}
.hero-poster-column {grid-area:poster;justify-self:end;margin-top:2px}
.overview-grid {
    grid-template-columns:minmax(0,1.05fr) minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr);
    gap:16px;
  }
.comment-stack {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){.region-column {grid-template-columns:repeat(4,minmax(0,1fr))}
.episode-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){body {font-size:14px}
.page-main {padding:10px 10px 20px;gap:16px}
.header-bar {padding:7px 10px;gap:8px}
a[data-contract="site-name"].brand-mark {font-size:15px}
.hero-strip {padding:10px}
.hero-poster-column {width:min(190px,54vw)}
.poster-figure {transform:rotate(-.8deg)}
.movie-title {font-size:20px}
.movie-seo {font-size:12.5px}
.overview-grid {padding:10px;gap:12px}
.timeline-list {grid-template-columns:repeat(2,minmax(0,1fr))}
.timeline-node {padding:16px 6px 8px}
.episode-grid {grid-template-columns:1fr}
.comment-stack {grid-template-columns:1fr;gap:10px}
.comment-note, .comment-note-1, .comment-note-2, .comment-note-3, .comment-note-4, .comment-note-5 {
    margin:0;
    transform:rotate(-.7deg);
  }
.comment-note-2, .comment-note-4 {transform:rotate(.9deg)}
.region-column {grid-template-columns:repeat(2,minmax(0,1fr))}
.player-control-progress {flex:1 1 100%}
.player-control-volume {flex:1 1 120px}
.footer-inner {padding:12px 12px 18px}}
@media (max-width:420px){.timeline-list {grid-template-columns:1fr}
.region-column {grid-template-columns:1fr}
.cast-row {flex-direction:column;align-items:flex-start;gap:2px}
.cast-tag {text-align:left}
.detail-key {flex:0 0 64px}}

footer{text-align:center!important}
footer *{justify-content:center!important}
footer :is(div,nav,ul,ol,p,section,address){margin-left:auto!important;margin-right:auto!important}