:root {
  --ink:#07080a;
  --ink-2:#0d0f12;
  --ink-3:#14171c;
  --gold:#b8944d;
  --gold-dim:#7d6630;
  --gold-bright:#e6c877;
  --cold:#dfe6ef;
  --cold-dim:#8c96a3;
  --line:rgba(184,148,77,.32);
  --line-soft:rgba(184,148,77,.16);
  --sans:"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --mono:"SFMono-Regular",Menlo,Consolas,"Liberation Mono","Courier New",monospace;
  --pad:14px;
  --gap:10px;
}
*, *::before, *::after {box-sizing:border-box;}
html {
  -webkit-text-size-adjust:100%;
  background:var(--ink);
}
body {
  margin:0;
  padding:0;
  background:
    radial-gradient(1200px 620px at 78% -8%,rgba(184,148,77,.10),transparent 62%),
    radial-gradient(760px 520px at 6% 12%,rgba(90,120,160,.08),transparent 60%),
    linear-gradient(180deg,#07080a 0%,#0a0c0f 46%,#07080a 100%);
  color:var(--cold);
  font-family:var(--sans);
  font-size:14px;
  line-height:1.5;
  letter-spacing:.01em;
  min-height:100%;
}
h1, h2, h3, p, dl, dd, dt, ol, ul {
  margin:0;
  padding:0;
}
ol, ul {
  list-style:none;
}
img, video {
  display:block;
  max-width:100%;
}
a {
  color:var(--gold);
  text-decoration:none;
}
button, input, progress {
  font:inherit;
  color:inherit;
}
body.lights-off {
  background:#000;
}
body.lights-off .hero-shell {
  filter:brightness(.42) contrast(1.12);
}
.site-header {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px 16px;
  padding:10px clamp(12px,3vw,34px);
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(10,12,15,.96),rgba(7,8,10,.86));
  position:sticky;
  top:0;
  z-index:40;
  backdrop-filter:blur(6px);
}
a[data-contract="site-name"] {
  color:var(--gold-bright);
  text-decoration:none;
  font-size:17px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-stretch:condensed;
  padding-right:12px;
  border-right:1px solid var(--line);
  white-space:nowrap;
}
a[data-contract="site-name"]:hover {
  color:var(--cold);
}
.category-nav {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 8px;
  min-width:0;
}
a.runtime-category {
  color:var(--cold-dim);
  text-decoration:none;
  font-size:12px;
  letter-spacing:.06em;
  padding:3px 9px;
  border:1px solid var(--line-soft);
  border-radius:1px;
  white-space:nowrap;
  font-stretch:condensed;
  transition:color .18s ease,border-color .18s ease,background-color .18s ease;
}
a.runtime-category:hover {
  color:var(--gold-bright);
  border-color:var(--gold);
  background:rgba(184,148,77,.10);
}
.page-main {
  display:block;
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:clamp(12px,2vw,26px) clamp(12px,3vw,34px) 34px;
}
.section-heading {
  position:relative;
  font-size:15px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--gold-bright);
  font-stretch:condensed;
  text-transform:uppercase;
  padding:0 0 7px 12px;
  margin-bottom:12px;
  border-bottom:1px solid var(--line);
}
.section-heading::before {
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:11px;
  width:3px;
  background:linear-gradient(180deg,var(--gold-bright),var(--gold-dim));
  clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);
}
.hero-section {
  margin-bottom:26px;
}
.hero-shell {
  display:grid;
  grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);
  gap:clamp(14px,2.4vw,30px);
  align-items:start;
  padding:clamp(12px,2vw,22px);
  border:1px solid var(--line);
  border-top:2px solid var(--gold-dim);
  background:
    repeating-linear-gradient(115deg,rgba(184,148,77,.045) 0 1px,transparent 1px 34px),
    linear-gradient(160deg,rgba(20,23,28,.92),rgba(8,9,11,.96));
  position:relative;
  overflow:hidden;
}
.hero-shell::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(200deg,transparent 42%,rgba(184,148,77,.07) 100%),
    linear-gradient(0deg,rgba(7,8,10,.55),transparent 38%);
}
.hero-silhouette {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  z-index:1;
}
.hero-silhouette::before {
  content:"";
  position:absolute;
  left:-6%;
  right:-6%;
  bottom:4%;
  height:44%;
  background:
    linear-gradient(90deg,rgba(184,148,77,.16),transparent 68%),
    repeating-linear-gradient(90deg,rgba(223,230,239,.06) 0 2px,transparent 2px 22px);
  filter:blur(.4px);
  clip-path:polygon(0 100%,0 62%,9% 62%,9% 40%,17% 40%,17% 68%,25% 68%,25% 30%,34% 30%,34% 58%,43% 58%,43% 20%,52% 20%,52% 54%,61% 54%,61% 34%,70% 34%,70% 66%,79% 66%,79% 44%,88% 44%,88% 70%,100% 70%,100% 100%);
  opacity:.55;
  pointer-events:none;
}
.hero-visual {
  position:relative;
  width:100%;
  max-width:280px;
  z-index:1;
}
.poster-frame {
  display:block;
  position:relative;
  border:1px solid var(--gold-dim);
  box-shadow:0 0 0 1px rgba(7,8,10,.9),0 18px 42px -18px rgba(0,0,0,.95),0 0 32px -14px rgba(184,148,77,.5);
  background:var(--ink-2);
}
.poster-frame::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,rgba(7,8,10,.72));
  border-left:1px solid rgba(223,230,239,.12);
}
img[data-contract="main-poster"] {
  width:100%;
  height:auto;
  object-fit:cover;
  display:block;
}
.hero-copy {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
}
.hero-title {
  font-size:clamp(24px,3.6vw,40px);
  line-height:1.06;
  font-weight:800;
  letter-spacing:.05em;
  color:#f2f5fa;
  font-stretch:condensed;
  text-shadow:0 0 26px rgba(184,148,77,.36);
}
.hero-title::after {
  content:"";
  display:block;
  width:74px;
  height:3px;
  margin-top:9px;
  background:linear-gradient(90deg,var(--gold-bright),transparent);
  clip-path:polygon(0 0,100% 0,86% 100%,0 100%);
}
.hero-tagline {
  font-size:clamp(13px,1.5vw,17px);
  letter-spacing:.26em;
  color:var(--gold);
  font-stretch:condensed;
  font-weight:700;
  padding-left:2px;
  border-left:2px solid var(--gold-dim);
  padding:1px 0 1px 10px;
}
.hero-seo {
  font-size:12.5px;
  line-height:1.72;
  color:var(--cold-dim);
  max-width:66ch;
  padding-top:2px;
  border-top:1px dashed var(--line-soft);
}
.hero-player-wrap {
  position:relative;
  width:100%;
  margin-top:4px;
  border:1px solid var(--line);
  background:#040506;
  box-shadow:0 0 0 1px rgba(7,8,10,.8),inset 0 0 40px -20px rgba(184,148,77,.4);
}
.hero-player-wrap.is-theater {
  box-shadow:0 0 0 1px var(--gold),0 0 46px -12px rgba(184,148,77,.62);
}
.hero-player-wrap.is-fullscreen {
  border-color:var(--gold-bright);
}
.hero-player-wrap.is-pip {
  border-color:var(--cold-dim);
}
.hero-player-wrap.is-light-off {
  background:#000;
}
video[data-contract="player"] {
  width:100%;
  height:auto;
  display:block;
  background:#000;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  padding:7px 8px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(13,15,18,.96),rgba(7,8,10,.98));
}
.ctrl {
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:.08em;
  font-stretch:condensed;
  color:var(--cold-dim);
  background:rgba(20,23,28,.9);
  border:1px solid var(--line-soft);
  border-radius:1px;
  padding:4px 9px;
  cursor:pointer;
  white-space:nowrap;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease;
}
.ctrl:hover, .ctrl:focus-visible {
  color:var(--gold-bright);
  border-color:var(--gold);
  background:rgba(184,148,77,.12);
  outline:none;
}
.ctrl-play {
  color:#0b0c0e;
  background:linear-gradient(180deg,var(--gold-bright),var(--gold));
  border-color:var(--gold-bright);
  font-weight:700;
  min-width:56px;
}
.ctrl-play:hover, .ctrl-play:focus-visible {
  color:#07080a;
  background:linear-gradient(180deg,#f3dd9d,var(--gold-bright));
}
.ctrl-progress {
  flex:1 1 160px;
  min-width:120px;
  height:6px;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--line-soft);
  background:rgba(223,230,239,.09);
  border-radius:0;
  cursor:pointer;
}
.ctrl-progress::-webkit-progress-bar {
  background:rgba(223,230,239,.09);
}
.ctrl-progress::-webkit-progress-value {
  background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright));
}
.ctrl-progress::-moz-progress-bar {
  background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright));
}
.ctrl-volume {
  flex:0 1 96px;
  min-width:70px;
  appearance:none;
  -webkit-appearance:none;
  height:5px;
  background:rgba(223,230,239,.12);
  border:1px solid var(--line-soft);
  cursor:pointer;
}
.ctrl-volume::-webkit-slider-thumb {
  appearance:none;
  -webkit-appearance:none;
  width:11px;
  height:14px;
  background:var(--gold-bright);
  border:none;
  border-radius:0;
  cursor:pointer;
}
.ctrl-volume::-moz-range-thumb {
  width:11px;
  height:14px;
  background:var(--gold-bright);
  border:none;
  border-radius:0;
  cursor:pointer;
}
.ctrl-mute.is-muted, .ctrl-mute.mute {
  color:var(--gold-bright);
  border-color:var(--gold);
}
.ctrl-speed.speed {
  color:var(--gold);
}
.ctrl-pip.pip {
  border-color:var(--cold-dim);
  color:var(--cold);
}
.ctrl-fullscreen.fullscreen, .hero-player-wrap.is-fullscreen .ctrl-fullscreen {
  border-color:var(--gold-bright);
  color:var(--gold-bright);
}
.ctrl-theater.theater, .hero-player-wrap.is-theater .ctrl-theater {
  border-color:var(--gold-bright);
  color:var(--gold-bright);
}
.ctrl-light.light, .hero-player-wrap.is-light-off .ctrl-light {
  border-color:var(--gold-bright);
  color:var(--gold-bright);
}
.ctrl-play.is-playing, .ctrl-play.play {
  background:linear-gradient(180deg,#2a2f38,#171a1f);
  color:var(--gold-bright);
  border-color:var(--gold);
}
.ctrl-progress.progress {
  border-color:var(--gold-dim);
}
.episode-status {
  margin:0 0 22px;
  padding:12px 14px;
  border:1px solid var(--line-soft);
  border-left:3px solid var(--gold-dim);
  background:linear-gradient(180deg,rgba(14,16,20,.86),rgba(9,10,12,.9));
}
.episode-status-line {
  font-size:12.5px;
  line-height:1.5;
  color:var(--cold-dim);
  padding:3px 0 3px 14px;
  position:relative;
  font-variant-numeric:tabular-nums;
}
.episode-status-line::before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:1px;
  background:var(--gold);
}
.episode-status-line:first-of-type {
  color:var(--cold);
}
.details-panel {
  margin:0 0 22px;
  padding:14px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(16,19,23,.9),rgba(9,10,12,.94));
  box-shadow:inset 0 1px 0 rgba(184,148,77,.14);
}
.details-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.detail-item {
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:7px 10px;
  background:rgba(10,12,15,.94);
  line-height:1.24;
}
.detail-key {
  font-size:10.5px;
  letter-spacing:.16em;
  color:var(--gold-dim);
  font-stretch:condensed;
  text-transform:uppercase;
  white-space:nowrap;
}
.detail-value {
  font-size:13px;
  font-weight:600;
  color:var(--cold);
  font-family:var(--mono);
  letter-spacing:.01em;
  word-break:break-word;
}
.detail-item:nth-child(-n/**/+2) .detail-value, .detail-item:nth-last-child(-n/**/+2) .detail-value {
  color:var(--gold-bright);
}
.cast-panel {
  margin:0 0 22px;
  padding:14px;
  border:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(13,15,18,.86),rgba(9,10,12,.92));
}
.cast-row {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(104px,1fr));
  gap:12px 10px;
  align-items:start;
}
.cast-card {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  text-align:center;
  padding:8px 4px 10px;
  border:1px solid transparent;
  border-top:1px solid var(--line-soft);
  transition:border-color .18s ease,background-color .18s ease;
}
.cast-card:hover {
  border-color:var(--line);
  background:rgba(184,148,77,.06);
}
.cast-avatar {
  width:64px;
  height:64px;
  border-radius:50%;
  display:block;
  background:
    radial-gradient(circle at 50% 34%,rgba(223,230,239,.34),transparent 58%),
    linear-gradient(150deg,#2b3038,#12151a 68%);
  border:1px solid var(--gold-dim);
  box-shadow:0 0 0 3px rgba(7,8,10,.9),0 0 18px -6px rgba(184,148,77,.6);
}
.cast-name {
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--cold);
  font-stretch:condensed;
}
.cast-role {
  font-size:11px;
  letter-spacing:.06em;
  color:var(--gold-dim);
  font-family:var(--mono);
}
.synopsis-panel {
  margin:0 0 22px;
  padding:14px;
  border:1px solid var(--line-soft);
  border-right:3px solid var(--gold-dim);
  background:linear-gradient(200deg,rgba(14,16,20,.9),rgba(9,10,12,.94));
}
.synopsis-body {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px 18px;
  align-items:start;
}
.synopsis-paragraph {
  font-size:13px;
  line-height:1.78;
  color:var(--cold-dim);
  padding-left:11px;
  border-left:1px solid var(--line-soft);
}
.synopsis-paragraph:first-child {
  color:var(--cold);
}
.timeline-section {
  margin:0 0 22px;
  padding:14px;
  border:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(11,13,16,.9),rgba(8,9,11,.94));
}
.timeline-list {
  position:relative;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px 22px;
  align-items:start;
  padding-left:16px;
}
.timeline-list::before {
  content:"";
  position:absolute;
  left:4px;
  top:6px;
  bottom:6px;
  width:1px;
  background:linear-gradient(180deg,transparent,var(--gold-dim) 8%,var(--gold-dim) 92%,transparent);
  box-shadow:0 0 10px rgba(184,148,77,.55);
}
.timeline-node {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:6px 8px 8px 12px;
  border:1px solid var(--line-soft);
  border-left:2px solid rgba(184,148,77,.45);
  background:rgba(12,14,18,.72);
  transition:border-color .18s ease,background-color .18s ease;
}
.timeline-node:hover {
  border-color:var(--line);
  background:rgba(184,148,77,.07);
}
.timeline-node::before {
  content:"";
  position:absolute;
  left:-16px;
  top:13px;
  width:9px;
  height:1px;
  background:var(--gold-dim);
}
.timeline-dot {
  position:absolute;
  left:-19px;
  top:9px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle,var(--gold-bright) 0 34%,var(--gold-dim) 60%,transparent 72%);
  box-shadow:0 0 9px 2px rgba(184,148,77,.7);
}
.timeline-timecode {
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--gold-bright);
}
.timeline-label {
  font-size:12.5px;
  line-height:1.5;
  color:var(--cold-dim);
  font-stretch:condensed;
}
.episodes-section {
  margin:0 0 22px;
  padding:14px;
  border:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(12,14,18,.9),rgba(8,9,11,.94));
}
.episodes-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  align-items:start;
}
.episode-card {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:9px 10px 10px;
  border:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(19,22,27,.88),rgba(10,12,15,.94));
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.episode-card:hover {
  border-color:var(--gold-bright);
  box-shadow:0 0 0 1px rgba(184,148,77,.4),0 0 22px -8px rgba(184,148,77,.75);
  background:linear-gradient(180deg,rgba(28,31,37,.92),rgba(12,14,18,.96));
}
.episode-number {
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--gold-bright);
  padding-bottom:4px;
  border-bottom:1px solid var(--line-soft);
}
.episode-title {
  font-size:13.5px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--cold);
  font-stretch:condensed;
}
.episode-summary {
  font-size:11.5px;
  line-height:1.55;
  color:var(--cold-dim);
}
.episode-duration {
  margin-top:auto;
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.1em;
  color:var(--gold-dim);
  padding-top:5px;
  border-top:1px dashed var(--line-soft);
}
.comments-section {
  margin:0 0 22px;
  padding:14px;
  border:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(11,13,16,.9),rgba(8,9,11,.94));
}
.comments-stack {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:0;
  align-items:start;
}
.comment-card {
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:10px 12px;
  margin:0 0 -1px;
  border:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(18,21,26,.94),rgba(11,13,16,.96));
  box-shadow:0 10px 20px -16px rgba(0,0,0,.95);
  position:relative;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.comment-card:nth-child(1) {margin-left:0;}
.comment-card:nth-child(2) {margin-left:10px;}
.comment-card:nth-child(3) {margin-left:20px;}
.comment-card:nth-child(4) {margin-left:10px;}
.comment-card:nth-child(5) {margin-left:0;}
.comment-card:hover {
  transform:translateX(4px);
  border-color:var(--gold-dim);
  box-shadow:0 12px 26px -14px rgba(184,148,77,.4);
  z-index:2;
}
.comment-nickname {
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--gold-bright);
  padding-bottom:4px;
  border-bottom:1px solid var(--line-soft);
}
.comment-text {
  font-size:12.5px;
  line-height:1.62;
  color:var(--cold-dim);
}
.rec-region {
  margin:0 0 22px;
  padding:14px;
  border:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(11,13,16,.9),rgba(8,9,11,.94));
}
.rec-region:last-of-type {
  margin-bottom:0;
}
.rec-heading {
  position:relative;
  font-size:14px;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--gold-bright);
  font-stretch:condensed;
  padding:0 0 7px 12px;
  margin-bottom:11px;
  border-bottom:1px solid var(--line);
}
.rec-heading::before {
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:11px;
  width:3px;
  background:linear-gradient(180deg,var(--gold-bright),var(--gold-dim));
}
.rec-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:start;
}
a.rec-card {
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:8px;
  color:var(--cold);
  text-decoration:none;
  border:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(19,22,27,.9),rgba(10,12,15,.96));
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
a.rec-card:hover {
  border-color:var(--gold-bright);
  box-shadow:0 0 0 1px rgba(184,148,77,.36),0 16px 28px -20px rgba(184,148,77,.8);
  transform:translateY(-2px);
  color:var(--cold);
}
[data-runtime="recommendation"] img {
  width:100%;
  height:132px;
  object-fit:cover;
  display:block;
  border:1px solid var(--line-soft);
  background:var(--ink-2);
  filter:saturate(.72) contrast(1.06);
}
a.rec-card:hover img {
  filter:saturate(.95) contrast(1.1);
}
.rec-name {
  font-size:13px;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--cold);
  font-stretch:condensed;
  line-height:1.3;
}
.rec-blurb {
  font-size:11.5px;
  line-height:1.55;
  color:var(--cold-dim);
}
.site-footer {
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(10,12,15,.94),rgba(6,7,9,.98));
  padding:18px clamp(12px,3vw,34px) 26px;
  display:grid;
  gap:10px;
}
.footer-disclaimer {
  font-size:11.5px;
  line-height:1.7;
  color:var(--cold-dim);
  max-width:80ch;
  padding-left:11px;
  border-left:2px solid var(--gold-dim);
}
.footer-nav {
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  padding-top:8px;
  border-top:1px dashed var(--line-soft);
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-size:12px;
  letter-spacing:.14em;
  font-stretch:condensed;
  color:var(--cold-dim);
  text-decoration:none;
  padding:2px 0;
  border-bottom:1px solid transparent;
  transition:color .16s ease,border-color .16s ease;
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {
  color:var(--gold-bright);
  border-bottom-color:var(--gold);
}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  padding-top:9px;
  border-top:1px dashed var(--line-soft);
}
.friend-links-label {
  font-size:10.5px;
  letter-spacing:.2em;
  color:var(--gold-dim);
  font-stretch:condensed;
  text-transform:uppercase;
  padding-right:10px;
  border-right:1px solid var(--line-soft);
  white-space:nowrap;
}
a.runtime-friend-link {
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--cold-dim);
  text-decoration:none;
  padding:2px 7px;
  border:1px solid transparent;
  white-space:nowrap;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease;
}
a.runtime-friend-link:hover {
  color:var(--gold-bright);
  border-color:var(--line);
  background:rgba(184,148,77,.08);
}
@media (max-width:1040px){.episodes-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }}
@media (max-width:900px){.hero-shell {
    grid-template-columns:minmax(0,1fr);
  }
.hero-visual {
    max-width:236px;
    margin:0 auto;
  }
.hero-silhouette::before {
    height:36%;
    opacity:.42;
  }
.comment-card:nth-child(n) {
    margin-left:0;
  }
.comments-stack {
    gap:8px;
  }}
@media (max-width:760px){.details-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.episodes-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.rec-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.synopsis-body {
    grid-template-columns:minmax(0,1fr);
  }}
@media (max-width:560px){.site-header {
    padding:9px 12px;
  }
.page-main {
    padding:12px 12px 24px;
  }
.hero-title {
    letter-spacing:.03em;
  }
.hero-tagline {
    letter-spacing:.16em;
  }
.cast-row {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.details-grid {
    grid-template-columns:minmax(0,1fr);
  }
.episodes-grid {
    grid-template-columns:minmax(0,1fr);
  }
.rec-grid {
    grid-template-columns:minmax(0,1fr);
  }
.timeline-list {
    grid-template-columns:minmax(0,1fr);
  }
.ctrl {
    font-size:10.5px;
    padding:4px 7px;
  }
.ctrl-progress {
    flex:1 1 100%;
  }}
@media (max-width:400px){.cast-row {
    grid-template-columns:minmax(0,1fr);
  }
.cast-avatar {
    width:56px;
    height:56px;
  }}

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}
