:root {
  --ink:#070b08;
  --ink-2:#0d120d;
  --moss:#14251a;
  --moss-2:#1c3323;
  --moss-3:#27472f;
  --gold:#c9a227;
  --gold-2:#e6c65a;
  --gold-dim:#8a7220;
  --blood:#7b1616;
  --blood-2:#a82121;
  --bone:#d9d2bd;
  --bone-dim:#9a9483;
  --line:rgba(201,162,39,.28);
  --line-soft:rgba(201,162,39,.14);
  --shell:min(1280px,100% - 1.6rem);
  --gap:clamp(.5rem,.9vw,.85rem);
  --pad:clamp(.55rem,1vw,.9rem);
  --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*, *::before, *::after {box-sizing:border-box;}
html {-webkit-text-size-adjust:100%;}
body {
  margin:0;
  background:
    radial-gradient(120% 60% at 50% 0%,rgba(39,71,47,.55) 0%,rgba(7,11,8,0) 62%),
    radial-gradient(90% 40% at 50% 100%,rgba(123,22,22,.28) 0%,rgba(7,11,8,0) 60%),
    linear-gradient(180deg,#070b08 0%,#0b120c 42%,#070b08 100%);
  background-attachment:fixed;
  color:var(--bone);
  font-family:var(--font);
  font-size:15px;
  font-weight:400;
  line-height:1.62;
  letter-spacing:.01em;
  overflow-x:hidden;
}
img, video {display:block;max-width:100%;}
img {height:auto;}
h1, h2, h3, p, ul, ol, dl, dd, figure {margin:0;padding:0;}
ul, ol {list-style:none;}
a {color:inherit;text-decoration:none;}
button, input, select {font:inherit;color:inherit;}
.page-shell {
  width:var(--shell);
  margin-inline:auto;
  padding-block:0 clamp(1.2rem,3vw,2.4rem);
  position:relative;
  isolation:isolate;
}
.site-header {
  position:sticky;
  top:0;
  z-index:40;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem .9rem;
  padding:.5rem clamp(.5rem,1.4vw,.9rem);
  margin-bottom:var(--gap);
  background:linear-gradient(180deg,rgba(7,11,8,.96),rgba(11,18,12,.88));
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(0,0,0,.6),0 10px 26px -20px rgba(201,162,39,.6);
}
.brand-bar {
  display:flex;
  align-items:baseline;
  gap:.6rem;
  flex-wrap:wrap;
  min-width:0;
}
.site-brand {
  font-size:clamp(1rem,1.5vw,1.22rem);
  font-weight:800;
  letter-spacing:.06em;
  color:var(--gold-2);
  text-decoration:none;
  text-shadow:0 0 14px rgba(201,162,39,.35);
  white-space:nowrap;
  border-left:3px solid var(--blood-2);
  padding-left:.45rem;
}
a[data-contract="site-name"] {
  color:var(--gold-2);
  text-decoration:none;
}
a[data-contract="site-name"]:hover {color:#fff2c2;}
.brand-tagline {
  font-size:.72rem;
  font-weight:400;
  letter-spacing:.24em;
  color:var(--bone-dim);
  white-space:nowrap;
}
.category-bar {
  display:flex;
  flex-wrap:wrap;
  gap:.3rem;
  margin-left:auto;
  min-width:0;
}
a.runtime-category {
  display:inline-block;
  padding:.24rem .6rem;
  font-size:.74rem;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--gold);
  text-decoration:none;
  white-space:nowrap;
  background:linear-gradient(180deg,rgba(39,71,47,.7),rgba(20,37,26,.7));
  border:1px solid var(--line);
  border-radius:2px;
  clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);
}
a.runtime-category:hover {
  color:#0a0f0a;
  background:linear-gradient(180deg,var(--gold-2),var(--gold-dim));
  border-color:var(--gold-2);
}
.main-stage {
  display:flex;
  flex-direction:column;
  gap:clamp(.8rem,2vw,1.6rem);
}
.hero-panel {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--gap);
  padding:var(--pad);
  background:
    linear-gradient(180deg,rgba(28,51,35,.42),rgba(7,11,8,.72)),
    var(--ink-2);
  border:1px solid var(--line);
  border-radius:3px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),0 18px 40px -30px rgba(0,0,0,.9);
  position:relative;
  overflow:hidden;
}
.hero-panel::before {
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:58%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(60% 100% at 18% 100%,rgba(168,33,33,.5) 0%,rgba(168,33,33,0) 70%),
    radial-gradient(48% 90% at 62% 100%,rgba(123,22,22,.55) 0%,rgba(123,22,22,0) 72%),
    radial-gradient(40% 80% at 88% 100%,rgba(168,33,33,.35) 0%,rgba(168,33,33,0) 70%),
    linear-gradient(0deg,rgba(123,22,22,.34) 0%,rgba(123,22,22,0) 100%);
  opacity:.85;
}
.hero-panel > * {position:relative;z-index:1;}
.hero-backdrop {
  display:grid;
  grid-template-columns:minmax(0,auto) minmax(0,1fr);
  align-items:start;
  gap:clamp(.7rem,1.6vw,1.3rem);
}
.poster-frame {
  position:relative;
  margin:0;
  width:clamp(148px,17vw,236px);
  max-width:100%;
  flex:0 0 auto;
  background:var(--ink);
  border:1px solid var(--line);
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.7),0 20px 38px -26px rgba(201,162,39,.45);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  overflow:hidden;
}
.poster-frame img {
  width:100%;
  height:auto;
  aspect-ratio:9 / 16;
  object-fit:cover;
  filter:saturate(.92) contrast(1.06) brightness(.94);
}
.poster-caption {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:.32rem .45rem;
  font-size:.66rem;
  letter-spacing:.14em;
  color:var(--gold-2);
  background:linear-gradient(0deg,rgba(7,11,8,.94),rgba(7,11,8,.15));
  border-top:1px solid var(--line-soft);
  text-align:center;
}
.hero-title-block {
  display:flex;
  flex-direction:column;
  gap:.4rem;
  min-width:0;
  padding-top:.15rem;
}
.hero-title {
  font-size:clamp(1.5rem,3.6vw,2.7rem);
  font-weight:800;
  line-height:1.1;
  letter-spacing:.04em;
  color:#f2e6ba;
  text-shadow:0 2px 0 rgba(0,0,0,.8),0 0 26px rgba(201,162,39,.4);
  border-bottom:2px solid var(--blood);
  padding-bottom:.28rem;
}
.hero-tagline {
  font-size:clamp(.82rem,1.4vw,1.02rem);
  font-weight:600;
  letter-spacing:.2em;
  color:var(--gold);
}
.hero-seo {
  font-size:.82rem;
  font-weight:300;
  line-height:1.75;
  color:var(--bone-dim);
  max-width:62ch;
  border-left:2px solid var(--moss-3);
  padding-left:.7rem;
}
.player-shell {
  width:100%;
  max-width:100%;
  background:linear-gradient(180deg,rgba(20,37,26,.6),rgba(7,11,8,.9));
  border:1px solid var(--line);
  border-radius:3px;
  overflow:hidden;
  box-shadow:0 16px 34px -28px rgba(0,0,0,.95);
}
.player-shell video {
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  background:#000;
  border-bottom:1px solid var(--line-soft);
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.32rem;
  padding:.45rem clamp(.4rem,1vw,.7rem);
}
.control-btn {
  flex:0 0 auto;
  padding:.3rem .58rem;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--gold);
  background:linear-gradient(180deg,rgba(39,71,47,.85),rgba(13,18,13,.9));
  border:1px solid var(--line);
  border-radius:2px;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.control-btn:hover {
  color:#0a0f0a;
  background:linear-gradient(180deg,var(--gold-2),var(--gold-dim));
  border-color:var(--gold-2);
}
.control-btn.is-active, .control-btn:active {
  color:#fff3cf;
  background:linear-gradient(180deg,var(--blood-2),var(--blood));
  border-color:var(--blood-2);
  box-shadow:0 0 12px -2px rgba(168,33,33,.8) inset;
}
.control-range {
  flex:1 1 110px;
  min-width:88px;
  height:4px;
  appearance:none;
  -webkit-appearance:none;
  background:linear-gradient(90deg,var(--gold-dim),var(--moss-3));
  border-radius:0;
  cursor:pointer;
}
.control-range::-webkit-slider-thumb {
  -webkit-appearance:none;
  width:11px;
  height:16px;
  background:linear-gradient(180deg,var(--gold-2),var(--blood));
  border:1px solid #000;
  clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%);
}
.control-range::-moz-range-thumb {
  width:11px;
  height:16px;
  border:1px solid #000;
  border-radius:0;
  background:linear-gradient(180deg,var(--gold-2),var(--blood));
}
.control-select {
  flex:0 0 auto;
  padding:.3rem .4rem;
  font-size:.72rem;
  color:var(--gold);
  background:rgba(13,18,13,.92);
  border:1px solid var(--line);
  border-radius:2px;
  cursor:pointer;
}
.player-shell video.is-muted {filter:grayscale(.4) brightness(.85);}
body.lights-off .player-shell {background:#000;border-color:rgba(0,0,0,.9);}
body.lights-off .player-shell video {filter:brightness(.72) contrast(1.1);}
body.theater-mode .player-shell {
  border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(201,162,39,.35),0 30px 60px -34px rgba(0,0,0,1);
}
body.theater-mode .hero-backdrop {opacity:.9;}
.episode-status {
  display:flex;
  flex-wrap:wrap;
  gap:.3rem;
}
.status-chip {
  display:inline-block;
  padding:.22rem .62rem;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--gold-2);
  background:linear-gradient(180deg,rgba(39,71,47,.8),rgba(13,18,13,.85));
  border:1px solid var(--line);
  border-radius:2px;
  clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);
}
.status-chip:first-child {
  color:#fff0c2;
  background:linear-gradient(180deg,var(--blood-2),var(--blood));
  border-color:rgba(168,33,33,.7);
}
.block-heading, .section-heading {
  font-size:clamp(.86rem,1.2vw,.98rem);
  font-weight:800;
  letter-spacing:.2em;
  color:var(--gold-2);
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:.45rem;
  text-shadow:0 0 12px rgba(201,162,39,.25);
}
.block-heading::before, .section-heading::before {
  content:"";
  flex:0 0 auto;
  width:4px;
  height:1em;
  background:linear-gradient(180deg,var(--gold-2),var(--blood));
}
.block-heading::after, .section-heading::after {
  content:"";
  flex:1 1 auto;
  height:1px;
  background:linear-gradient(90deg,var(--line),rgba(201,162,39,0));
}
.cast-block {
  border-top:1px solid var(--line-soft);
  padding-top:.6rem;
}
.cast-list {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(148px,1fr));
  gap:.35rem;
  align-items:start;
}
.cast-card {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:.5rem;
  padding:.35rem .5rem;
  background:linear-gradient(180deg,rgba(28,51,35,.5),rgba(11,18,12,.6));
  border:1px solid var(--line-soft);
  border-left:3px solid var(--blood);
  border-radius:2px;
  height:auto;
}
.cast-avatar {
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 30%,rgba(230,198,90,.55),rgba(39,71,47,.9) 62%,#0a0f0a 100%);
  border:1px solid var(--line);
  box-shadow:inset 0 0 10px rgba(0,0,0,.8);
  clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);
}
.cast-name {
  font-size:.82rem;
  font-weight:700;
  color:var(--bone);
  min-width:0;
  overflow-wrap:anywhere;
}
.cast-role {
  font-size:.68rem;
  font-weight:300;
  letter-spacing:.06em;
  color:var(--gold);
  min-width:0;
  overflow-wrap:anywhere;
}
.synopsis-block {
  border-top:1px solid var(--line-soft);
  padding-top:.6rem;
}
.synopsis-paragraph {
  font-size:.83rem;
  font-weight:300;
  line-height:1.78;
  color:var(--bone-dim);
  max-width:76ch;
}
.synopsis-paragraph + .synopsis-paragraph {margin-top:.4rem;}
.synopsis-paragraph::first-letter {
  font-size:1.5em;
  font-weight:700;
  color:var(--gold-2);
  line-height:1;
}
.details-block {
  border-top:1px solid var(--line-soft);
  padding-top:.6rem;
}
.details-list {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:0 .9rem;
  align-items:start;
}
.detail-row {
  display:flex;
  align-items:baseline;
  gap:.5rem;
  padding:.22rem 0;
  border-bottom:1px dashed rgba(201,162,39,.16);
  min-width:0;
}
.detail-key {
  flex:0 0 auto;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--gold-dim);
  min-width:4.2em;
}
.detail-value {
  min-width:0;
  font-size:.8rem;
  font-weight:400;
  color:var(--bone);
  overflow-wrap:anywhere;
}
.timeline-section {
  padding:var(--pad);
  background:linear-gradient(180deg,rgba(20,37,26,.32),rgba(7,11,8,.55));
  border:1px solid var(--line-soft);
  border-radius:3px;
}
.timeline-track {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(148px,1fr));
  gap:.4rem;
  align-items:start;
  position:relative;
  counter-reset:tl;
}
.timeline-track::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:1.35rem;
  height:1px;
  background:linear-gradient(90deg,rgba(201,162,39,0),var(--line),rgba(201,162,39,0));
  pointer-events:none;
}
.timeline-node {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.2rem;
  padding:.4rem .5rem .45rem;
  background:linear-gradient(180deg,rgba(28,51,35,.62),rgba(11,18,12,.72));
  border:1px solid var(--line-soft);
  border-top:2px solid var(--gold-dim);
  border-radius:2px;
  height:auto;
}
.timeline-node::before {
  content:"";
  position:absolute;
  top:-6px;
  left:.55rem;
  width:8px;
  height:8px;
  background:var(--blood-2);
  border:1px solid var(--gold);
  transform:rotate(45deg);
}
.timeline-timecode {
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--gold-2);
  font-variant-numeric:tabular-nums;
}
.timeline-label {
  font-size:.78rem;
  font-weight:400;
  color:var(--bone-dim);
  line-height:1.5;
  overflow-wrap:anywhere;
}
.episodes-section {
  padding:var(--pad);
  background:linear-gradient(180deg,rgba(20,37,26,.32),rgba(7,11,8,.55));
  border:1px solid var(--line-soft);
  border-radius:3px;
}
.episodes-meta {
  font-size:.72rem;
  font-weight:400;
  letter-spacing:.14em;
  color:var(--gold-dim);
  margin-bottom:.5rem;
}
.episode-list {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:.4rem;
  align-items:start;
}
.episode-card {
  display:flex;
  flex-direction:column;
  gap:.18rem;
  padding:.45rem .55rem .5rem;
  background:linear-gradient(180deg,rgba(28,51,35,.55),rgba(11,18,12,.7));
  border:1px solid var(--line-soft);
  border-left:3px solid var(--moss-3);
  border-radius:2px;
  height:auto;
  transition:border-color .16s ease,background .16s ease;
}
.episode-card:hover {
  border-left-color:var(--blood-2);
  background:linear-gradient(180deg,rgba(39,71,47,.7),rgba(13,18,13,.8));
}
.episode-number {
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--gold);
}
.episode-title {
  font-size:.9rem;
  font-weight:700;
  color:#efe4c0;
  letter-spacing:.04em;
  line-height:1.3;
}
.episode-summary {
  font-size:.75rem;
  font-weight:300;
  line-height:1.62;
  color:var(--bone-dim);
}
.episode-duration {
  margin-top:.1rem;
  align-self:flex-start;
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--gold-dim);
  padding-top:.2rem;
  border-top:1px solid var(--line-soft);
  width:100%;
}
.content-columns {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.62fr);
  gap:var(--gap);
  align-items:start;
}
.comments-section {
  grid-column:2;
  padding:var(--pad);
  background:linear-gradient(180deg,rgba(20,37,26,.32),rgba(7,11,8,.55));
  border:1px solid var(--line-soft);
  border-radius:3px;
}
.comment-list {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.35rem;
  align-items:start;
}
.comment-card {
  display:flex;
  flex-direction:column;
  gap:.14rem;
  padding:.42rem .5rem;
  background:linear-gradient(180deg,rgba(28,51,35,.5),rgba(11,18,12,.62));
  border:1px solid var(--line-soft);
  border-right:3px solid var(--blood);
  border-radius:2px;
  height:auto;
}
.comment-nickname {
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--gold-2);
}
.comment-nickname::before {
  content:"◆ ";
  color:var(--blood-2);
  font-size:.7em;
}
.comment-text {
  font-size:.77rem;
  font-weight:300;
  line-height:1.66;
  color:var(--bone-dim);
}
.recommend-region {
  padding:var(--pad);
  background:linear-gradient(180deg,rgba(20,37,26,.3),rgba(7,11,8,.5));
  border:1px solid var(--line-soft);
  border-radius:3px;
}
.recommend-grid {
  display:grid;
  gap:.4rem;
  align-items:start;
}
.grid-1 {grid-template-columns:repeat(auto-fill,minmax(178px,1fr));}
.grid-2 {grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}
.grid-3 {grid-template-columns:repeat(auto-fill,minmax(166px,1fr));}
a.recommend-card {
  display:flex;
  flex-direction:column;
  gap:.22rem;
  padding:.35rem;
  color:var(--bone);
  text-decoration:none;
  background:linear-gradient(180deg,rgba(28,51,35,.55),rgba(11,18,12,.7));
  border:1px solid var(--line-soft);
  border-radius:2px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
a.recommend-card:hover {
  border-color:var(--gold);
  box-shadow:0 12px 26px -20px rgba(201,162,39,.8);
  transform:translateY(-2px);
}
[data-runtime="recommendation"] img {
  width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  background:#0a0f0a;
  border:1px solid rgba(0,0,0,.7);
  filter:saturate(.9) contrast(1.05) brightness(.92);
  transition:filter .18s ease;
}
[data-runtime="recommendation"]:hover img {
  filter:saturate(1.05) contrast(1.08) brightness(1);
}
[data-runtime="name"] {
  font-size:.78rem;
  font-weight:700;
  color:#efe4c0;
  line-height:1.35;
  overflow-wrap:anywhere;
}
[data-runtime="blurb"] {
  font-size:.7rem;
  font-weight:300;
  line-height:1.55;
  color:var(--bone-dim);
  overflow-wrap:anywhere;
}
.site-footer {
  width:var(--shell);
  margin:clamp(.9rem,2.4vw,1.8rem) auto 0;
  padding:var(--pad) clamp(.5rem,1.4vw,.9rem);
  background:linear-gradient(180deg,rgba(13,18,13,.7),rgba(7,11,8,.95));
  border-top:1px solid var(--line);
  border-bottom:3px solid var(--blood);
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.footer-brand {
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.12em;
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid transparent;
  padding-bottom:1px;
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {
  color:var(--gold-2);
  border-bottom-color:var(--blood-2);
}
.footer-disclaimer {
  font-size:.7rem;
  font-weight:300;
  line-height:1.7;
  color:rgba(154,148,131,.85);
  max-width:90ch;
}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.28rem .5rem;
  padding-top:.4rem;
  border-top:1px solid var(--line-soft);
}
.friend-links-label {
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--gold-dim);
  flex:0 0 auto;
}
a.runtime-friend-link {
  font-size:.7rem;
  font-weight:400;
  color:var(--bone-dim);
  text-decoration:none;
  padding:.1rem .4rem;
  border:1px solid var(--line-soft);
  border-radius:2px;
  white-space:nowrap;
}
a.runtime-friend-link:hover {
  color:var(--gold-2);
  border-color:var(--line);
  background:rgba(39,71,47,.5);
}
@media (max-width:900px){.content-columns {grid-template-columns:minmax(0,1fr);}
.comments-section {grid-column:1;}
.hero-backdrop {grid-template-columns:minmax(0,1fr);}
.poster-frame {width:min(58%,220px);}
.timeline-track::before {display:none;}}
@media (max-width:680px){:root {--shell:min(1280px,100% - 1rem);}
body {font-size:14px;}
.site-header {padding:.45rem .5rem;}
.brand-tagline {letter-spacing:.14em;font-size:.66rem;}
.category-bar {margin-left:0;width:100%;}
.hero-backdrop {grid-template-columns:minmax(0,1fr);}
.poster-frame {width:min(66%,200px);}
.hero-title {padding-bottom:.2rem;}
.hero-seo {border-left-width:2px;padding-left:.5rem;}
.cast-list {grid-template-columns:repeat(auto-fill,minmax(132px,1fr));}
.episode-list {grid-template-columns:repeat(auto-fill,minmax(164px,1fr));}
.grid-1, .grid-2, .grid-3 {grid-template-columns:repeat(auto-fill,minmax(142px,1fr));}
.details-list {grid-template-columns:minmax(0,1fr);}
.timeline-track {grid-template-columns:repeat(auto-fill,minmax(132px,1fr));}}
@media (max-width:420px){.cast-list {grid-template-columns:minmax(0,1fr);}
.episode-list {grid-template-columns:minmax(0,1fr);}
.grid-1, .grid-2, .grid-3 {grid-template-columns:minmax(0,1fr);}
.timeline-track {grid-template-columns:minmax(0,1fr);}
.poster-frame {width:min(80%,210px);}
.player-controls {gap:.26rem;}
.control-btn {flex:1 1 auto;text-align:center;}
.control-range {flex:1 1 100%;}}

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}