:root {
  --ink:#0b1016;
  --ink-2:#121a24;
  --ink-3:#1a2633;
  --steel:#2c3b4c;
  --steel-2:#3d5a75;
  --steel-3:#5c7d99;
  --cold:#8fb4cf;
  --cold-dim:#6b8299;
  --paper:#dfe8ef;
  --paper-dim:#9fb3c2;
  --red:#c8232c;
  --red-2:#e0353f;
  --red-dim:#7d1a20;
  --blue-tag:#2f6d9e;
  --line:rgba(143,180,207,.22);
  --line-strong:rgba(143,180,207,.4);
  --shadow:0 8px 22px rgba(0,0,0,.45);
  --mono:"Consolas","SFMono-Regular",monospace;
  --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Heiti SC",sans-serif;
}
*, *::before, *::after {box-sizing:border-box;}
html, body {margin:0;padding:0;}
html {-webkit-text-size-adjust:100%;}
body {
  background:
    radial-gradient(1200px 600px at 80% -10%,rgba(47,109,158,.22),transparent 60%),
    radial-gradient(900px 500px at 0% 100%,rgba(200,35,44,.12),transparent 55%),
    linear-gradient(180deg,#080c12 0%,#0b1016 40%,#090e14 100%);
  background-attachment:fixed;
  color:var(--paper);
  font-family:var(--sans);
  font-size:14px;
  line-height:1.5;
  letter-spacing:.01em;
  min-height:100vh;
}
img, video {display:block;max-width:100%;}
ul, ol, dl, dd, dt, h2, h3, p {margin:0;padding:0;}
ul, ol {list-style:none;}
a {color:var(--cold);text-decoration:none;}
button, input, select {font:inherit;color:inherit;}
:focus-visible {outline:2px solid var(--red-2);outline-offset:2px;}
.site-header {
  position:sticky;
  top:0;
  z-index:60;
  background:linear-gradient(180deg,rgba(8,12,18,.97),rgba(12,18,26,.9));
  border-bottom:1px solid var(--line-strong);
  backdrop-filter:blur(6px);
}
.header-inner {
  max-width:1460px;
  margin:0 auto;
  padding:9px 18px;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.site-brand {
  font-size:19px;
  font-weight:800;
  letter-spacing:.14em;
  color:var(--paper);
  text-decoration:none;
  text-transform:uppercase;
  padding:2px 10px 2px 12px;
  border-left:4px solid var(--red);
  line-height:1.15;
  white-space:nowrap;
}
a[data-contract="site-name"] {
  color:var(--paper);
  text-decoration:none;
}
a[data-contract="site-name"]:hover {
  color:var(--red-2);
}
.category-nav {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}
a.runtime-category {
  color:var(--cold);
  text-decoration:none;
  white-space:nowrap;
  font-size:12px;
  letter-spacing:.06em;
  padding:4px 10px;
  border:1px solid var(--line);
  background:rgba(44,59,76,.35);
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
a.runtime-category:hover {
  color:#fff;
  background:var(--red);
  border-color:var(--red);
}
.page-main {
  max-width:1460px;
  margin:0 auto;
  padding:14px 18px 6px;
  display:flex;
  flex-direction:column;
  gap:22px;
}
.overview-block {
  display:grid;
  grid-template-columns:minmax(0,260px) minmax(0,1fr);
  gap:20px;
  align-items:start;
  background:
    linear-gradient(180deg,rgba(26,38,51,.85),rgba(11,16,22,.92));
  border:1px solid var(--line);
  border-top:2px solid var(--steel-2);
  padding:16px;
  position:relative;
}
.overview-block::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(
    90deg,
    rgba(143,180,207,.045) 0 1px,
    transparent 1px 46px
  );
  mix-blend-mode:screen;
}
.overview-poster {
  position:relative;
  border:1px solid var(--line-strong);
  background:#060a0f;
  align-self:start;
}
.poster-image {
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
  filter:contrast(1.08) saturate(.92) brightness(.94);
}
.poster-badge {
  position:absolute;
  left:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:6px 9px;
  background:linear-gradient(180deg,rgba(6,10,15,.2),rgba(6,10,15,.92));
  border-top:1px solid var(--line-strong);
  width:100%;
}
.badge-score {
  font-size:15px;
  font-weight:800;
  color:#fff;
  letter-spacing:.04em;
  text-shadow:0 1px 6px #000;
}
.badge-score::first-letter {color:var(--red-2);}
.badge-year {
  font-size:11px;
  font-family:var(--mono);
  letter-spacing:.18em;
  color:var(--cold);
}
.overview-info {
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.player-shell {
  position:relative;
  width:100%;
  min-width:0;
  background:#04070b;
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow);
}
.player-shell.is-theater {
  border-color:var(--red);
  box-shadow:0 0 0 1px rgba(200,35,44,.5),var(--shadow);
}
.player-shell.is-light {
  box-shadow:0 0 0 2px rgba(143,180,207,.6);
}
.player-video {
  display:block;
  background:#000;
  object-fit:cover;
}
.player-shell.is-playing .player-video {
  filter:contrast(1.05);
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  padding:7px 8px;
  background:linear-gradient(180deg,rgba(18,26,36,.96),rgba(9,14,20,.98));
  border-top:1px solid var(--line);
  font-size:11px;
}
.ctrl-btn {
  cursor:pointer;
  border:1px solid var(--line);
  background:rgba(44,59,76,.4);
  color:var(--paper);
  padding:4px 8px;
  font-size:11px;
  letter-spacing:.04em;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.ctrl-btn:hover {
  background:var(--steel-2);
  border-color:var(--cold);
  color:#fff;
}
.player-shell.is-playing .ctrl-btn[data-player-action="play"] {
  background:var(--red);
  border-color:var(--red);
  color:#fff;
}
.player-shell.is-muted .ctrl-btn[data-player-action="mute"] {
  background:var(--red-dim);
  border-color:var(--red);
  color:#fff;
}
.ctrl-progress {
  flex:1 1 120px;
  min-width:90px;
  height:4px;
  accent-color:var(--red-2);
  cursor:pointer;
  background:transparent;
}
.ctrl-volume {
  flex:0 1 78px;
  min-width:56px;
  height:4px;
  accent-color:var(--cold);
  cursor:pointer;
  background:transparent;
}
.ctrl-speed {
  background:rgba(44,59,76,.5);
  border:1px solid var(--line);
  color:var(--paper);
  font-size:11px;
  padding:3px 5px;
  cursor:pointer;
}
.overview-headline {
  border-left:3px solid var(--red);
  padding:2px 0 2px 11px;
}
.overview-title {
  font-size:clamp(22px,3vw,32px);
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.1;
  color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,.7);
}
.overview-tagline {
  margin-top:5px;
  font-size:12.5px;
  letter-spacing:.05em;
  color:var(--cold);
}
.block-heading {
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  color:var(--cold);
  text-transform:uppercase;
  padding-bottom:5px;
  margin-bottom:9px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:7px;
}
.block-heading::before {
  content:"";
  width:7px;
  height:7px;
  background:var(--red);
  flex:0 0 auto;
  transform:rotate(45deg);
}
.cast-block {
  padding-top:2px;
}
.cast-list {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  align-items:start;
}
.cast-item {
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  background:rgba(18,26,36,.6);
  border:1px solid var(--line);
  padding:6px 6px 8px;
}
.cast-portrait {
  width:100%;
  aspect-ratio:3 / 4;
  background:linear-gradient(180deg,var(--steel) 0%,#0d141c 100%);
  border:1px solid var(--line-strong);
  position:relative;
  overflow:hidden;
  filter:contrast(1.15) saturate(.7);
}
.cast-portrait::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,rgba(143,180,207,.3) 0%,transparent 42%),
    repeating-linear-gradient(0deg,rgba(0,0,0,.4) 0 2px,transparent 2px 4px);
  mix-blend-mode:overlay;
}
.cast-portrait-1 {background:linear-gradient(165deg,#3d5a75 0%,#16222e 65%,#0a1016 100%);}
.cast-portrait-2 {background:linear-gradient(165deg,#42536b 0%,#141d27 60%,#080d12 100%);}
.cast-portrait-3 {background:linear-gradient(165deg,#5c7d99 0%,#1c2a37 62%,#0a1016 100%);}
.cast-portrait-4 {background:linear-gradient(165deg,#7d1a20 0%,#2a1418 58%,#0a0e13 100%);}
.cast-portrait-5 {background:linear-gradient(165deg,#2f6d9e 0%,#16222e 60%,#080d12 100%);}
.cast-name {
  font-size:13.5px;
  font-weight:700;
  color:#fff;
  letter-spacing:.06em;
  line-height:1.2;
}
.cast-role {
  font-size:10.5px;
  color:var(--cold-dim);
  letter-spacing:.02em;
  line-height:1.35;
}
.synopsis-block {
  padding-top:2px;
}
.synopsis-lead {
  font-size:13px;
  line-height:1.7;
  color:var(--paper);
  border-left:2px solid var(--blue-tag);
  padding-left:10px;
  margin-bottom:9px;
}
.synopsis-body {
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid var(--line);
}
.synopsis-para {
  font-size:12.5px;
  line-height:1.72;
  color:var(--paper-dim);
  padding:8px 0;
  border-bottom:1px solid rgba(143,180,207,.13);
}
.synopsis-para:last-child {border-bottom:none;}
.episode-status {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  padding:9px 11px;
  background:rgba(18,26,36,.72);
  border:1px solid var(--line);
  border-left:3px solid var(--red);
}
.status-chip {
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  padding:3px 9px;
  border:1px solid var(--line-strong);
  color:var(--paper);
  white-space:nowrap;
}
.status-chip-live {
  background:var(--red);
  border-color:var(--red-2);
  color:#fff;
  animation:livePulse 2.2s ease-in-out infinite;
}
@keyframes livePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(224,53,63,.55);}
  50%{box-shadow:0 0 0 4px rgba(224,53,63,0);}
}
.status-text {
  font-size:11.5px;
  font-family:var(--mono);
  color:var(--cold);
  letter-spacing:.03em;
}
.details-block {
  padding-top:2px;
}
.detail-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 18px;
  border-top:1px solid var(--line);
}
.detail-row {
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:5px 0;
  border-bottom:1px solid rgba(143,180,207,.12);
  min-width:0;
}
.detail-key {
  flex:0 0 66px;
  font-size:11px;
  letter-spacing:.08em;
  color:var(--cold-dim);
  white-space:nowrap;
}
.detail-val {
  font-size:12px;
  color:var(--paper);
  letter-spacing:.02em;
  min-width:0;
  word-break:break-word;
}
.section-heading {
  font-size:17px;
  font-weight:800;
  letter-spacing:.14em;
  color:#fff;
  line-height:1.2;
  display:flex;
  align-items:center;
  gap:9px;
}
.section-heading::before {
  content:"";
  width:5px;
  height:18px;
  background:var(--red);
  flex:0 0 auto;
}
.section-sub {
  font-size:11.5px;
  color:var(--cold-dim);
  letter-spacing:.06em;
  margin-top:4px;
}
.section-bar {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.timeline-section {
  border-top:1px solid var(--line);
  padding-top:13px;
}
.timeline-scroller {
  margin-top:11px;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:9px;
  scrollbar-width:thin;
  scrollbar-color:var(--steel-2) transparent;
  -webkit-overflow-scrolling:touch;
}
.timeline-scroller::-webkit-scrollbar {height:7px;}
.timeline-scroller::-webkit-scrollbar-track {background:rgba(44,59,76,.35);}
.timeline-scroller::-webkit-scrollbar-thumb {background:var(--steel-2);}
.timeline-scroller::-webkit-scrollbar-thumb:hover {background:var(--cold-dim);}
.timeline-track {
  display:flex;
  gap:10px;
  align-items:stretch;
  padding:2px 2px 4px;
  min-width:max-content;
}
.timeline-card {
  flex:0 0 194px;
  width:194px;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:10px 11px 12px;
  background:
    linear-gradient(180deg,rgba(26,38,51,.95),rgba(11,16,22,.95));
  border:1px solid var(--line-strong);
  border-top:3px solid var(--steel-2);
  position:relative;
  transition:transform .18s ease,border-color .18s ease;
}
.timeline-card::before {
  content:"";
  position:absolute;
  top:5px;
  right:5px;
  width:9px;
  height:9px;
  border:1px solid var(--line-strong);
  border-radius:50%;
  background:rgba(0,0,0,.4);
}
.timeline-card:hover {
  transform:translateY(-3px);
  border-color:var(--cold);
}
.timeline-card-red {
  border-top-color:var(--red);
  background:linear-gradient(180deg,rgba(45,22,26,.85),rgba(11,16,22,.95));
}
.timeline-card-blue {
  border-top-color:var(--blue-tag);
  background:linear-gradient(180deg,rgba(20,40,58,.85),rgba(11,16,22,.95));
}
.timeline-tag {
  align-self:flex-start;
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;
  padding:2px 8px;
  border:1px solid currentColor;
  white-space:nowrap;
}
.timeline-tag-red {color:#ff6b73;background:rgba(200,35,44,.16);}
.timeline-tag-blue {color:#7cc0f0;background:rgba(47,109,158,.18);}
.timeline-timecode {
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--cold);
}
.timeline-label {
  font-size:13px;
  font-weight:700;
  line-height:1.45;
  color:var(--paper);
  letter-spacing:.02em;
  margin-top:auto;
}
.episodes-section {
  border-top:1px solid var(--line);
  padding-top:13px;
}
.episode-counter {
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--red-2);
  border:1px solid var(--red-dim);
  background:rgba(200,35,44,.1);
  padding:3px 9px;
  white-space:nowrap;
}
.episode-grid {
  margin-top:11px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
  align-items:start;
}
.episode-card {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:8px 9px 9px;
  background:linear-gradient(180deg,rgba(22,32,43,.9),rgba(11,16,22,.9));
  border:1px solid var(--line);
  border-left:2px solid var(--steel-2);
  min-width:0;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.episode-card:hover {
  background:linear-gradient(180deg,rgba(38,54,72,.95),rgba(14,20,28,.95));
  border-left-color:var(--red);
  transform:translateY(-2px);
}
.episode-number {
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  color:var(--red-2);
  white-space:nowrap;
}
.episode-title {
  font-size:13px;
  font-weight:700;
  color:#fff;
  letter-spacing:.04em;
  line-height:1.3;
}
.episode-summary {
  font-size:11px;
  line-height:1.55;
  color:var(--paper-dim);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.episode-duration {
  margin-top:auto;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.1em;
  color:var(--cold-dim);
  border-top:1px solid rgba(143,180,207,.14);
  padding-top:4px;
}
.comments-section {
  border-top:1px solid var(--line);
  padding-top:13px;
}
.comment-featured {
  margin-top:11px;
  padding:13px 15px;
  background:linear-gradient(120deg,rgba(47,109,158,.24),rgba(18,26,36,.92) 55%);
  border:1px solid var(--line-strong);
  border-left:4px solid var(--red);
  display:flex;
  flex-direction:column;
  gap:6px;
  position:relative;
}
.comment-rank {
  align-self:flex-start;
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  color:#fff;
  background:var(--red);
  padding:2px 9px;
}
.comment-name {
  font-size:12px;
  font-weight:700;
  color:var(--cold);
  letter-spacing:.06em;
}
.comment-text {
  font-size:13.5px;
  line-height:1.7;
  color:var(--paper);
}
.comment-featured .comment-text {
  font-size:15px;
  line-height:1.72;
  color:#fff;
}
.comment-strip-list {
  margin-top:9px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  align-items:start;
}
.comment-strip {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:8px 10px;
  background:rgba(18,26,36,.66);
  border:1px solid var(--line);
  border-left:2px solid var(--steel-2);
  min-width:0;
  transition:border-color .16s ease,background .16s ease;
}
.comment-strip:hover {
  border-left-color:var(--cold);
  background:rgba(26,38,51,.8);
}
.comment-strip .comment-text {
  font-size:11.5px;
  line-height:1.6;
  color:var(--paper-dim);
}
.rec-region {
  border-top:1px solid var(--line);
  padding:13px 12px 14px;
  position:relative;
}
.rec-region-1 {
  background:linear-gradient(180deg,rgba(26,38,51,.55),rgba(11,16,22,.25));
  border-left:3px solid var(--steel-2);
}
.rec-region-2 {
  background:linear-gradient(180deg,rgba(20,40,58,.6),rgba(11,16,22,.25));
  border-left:3px solid var(--blue-tag);
}
.rec-region-3 {
  background:linear-gradient(180deg,rgba(45,22,26,.5),rgba(11,16,22,.25));
  border-left:3px solid var(--red);
}
.rec-heading {
  font-size:14px;
  font-weight:800;
  letter-spacing:.14em;
  color:#fff;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:8px;
}
.rec-heading::before {
  content:"";
  width:14px;
  height:2px;
  background:var(--red);
  flex:0 0 auto;
}
.rec-grid {
  display:grid;
  gap:8px;
  align-items:start;
}
.rec-grid-4 {grid-template-columns:repeat(4,minmax(0,1fr));}
.rec-grid-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.rec-grid-5 {grid-template-columns:repeat(5,minmax(0,1fr));}
.rec-card {
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:6px 6px 8px;
  background:rgba(9,14,20,.78);
  border:1px solid var(--line);
  color:var(--paper);
  text-decoration:none;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.rec-card:hover {
  border-color:var(--cold);
  background:rgba(26,38,51,.9);
  transform:translateY(-2px);
}
[data-runtime="recommendation"] img {
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:3 / 4;
  object-fit:cover;
  background:#0a1016;
  border:1px solid var(--line);
  filter:contrast(1.1) saturate(.85);
}
.rec-name {
  font-size:12.5px;
  font-weight:700;
  color:#fff;
  letter-spacing:.03em;
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.rec-blurb {
  font-size:10.5px;
  line-height:1.5;
  color:var(--cold-dim);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.site-footer {
  margin-top:18px;
  border-top:2px solid var(--steel-2);
  background:linear-gradient(180deg,rgba(12,18,26,.96),rgba(6,10,15,.98));
}
.footer-inner {
  max-width:1460px;
  margin:0 auto;
  padding:16px 18px 18px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-top {
  border-left:3px solid var(--red);
  padding-left:11px;
}
.footer-disclaimer {
  font-size:11.5px;
  line-height:1.65;
  color:var(--cold-dim);
  letter-spacing:.02em;
}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  padding:9px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.friend-links-label {
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--cold);
  white-space:nowrap;
  padding-right:6px;
  border-right:1px solid var(--line-strong);
}
a.runtime-friend-link {
  font-size:11.5px;
  color:var(--paper-dim);
  text-decoration:none;
  white-space:nowrap;
  letter-spacing:.03em;
  transition:color .16s ease;
}
a.runtime-friend-link:hover {
  color:var(--red-2);
  text-decoration:underline;
}
.footer-bottom {
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  align-items:center;
}
.footer-link {
  font-size:11.5px;
  letter-spacing:.12em;
  color:var(--cold);
  text-decoration:none;
  padding:3px 10px;
  border:1px solid var(--line);
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
a[data-contract="footer-home"] {
  color:var(--cold);
  text-decoration:none;
}
a[data-contract="footer-home"]:hover {
  color:#fff;
  background:var(--red);
  border-color:var(--red);
}
a[data-contract="footer-sitemap"] {
  color:var(--cold-dim);
  text-decoration:none;
}
a[data-contract="footer-sitemap"]:hover {
  color:#fff;
  background:var(--steel-2);
  border-color:var(--cold);
}
body.theater-mode .page-main {
  max-width:none;
}
body.theater-mode .overview-block {
  border-color:var(--red-dim);
}
body.lights-off {
  background:#04070b;
}
body.lights-off .site-header, body.lights-off .timeline-section, body.lights-off .episodes-section, body.lights-off .comments-section, body.lights-off .rec-region, body.lights-off .site-footer {
  opacity:.42;
  transition:opacity .3s ease;
}
body.lights-off .player-shell {
  opacity:1;
  box-shadow:0 0 0 2px var(--red),0 0 44px rgba(200,35,44,.45);
}
@media (max-width:1180px){.episode-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
.rec-grid-5 {grid-template-columns:repeat(4,minmax(0,1fr));}
.comment-strip-list {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:980px){.overview-block {
    grid-template-columns:minmax(0,200px) minmax(0,1fr);
    gap:14px;
  }
.cast-list {grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
.cast-role {font-size:10px;}
.detail-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;}}
@media (max-width:820px){.overview-block {
    grid-template-columns:minmax(0,1fr);
    padding:13px;
  }
.overview-poster {
    max-width:220px;
  }
.episode-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
.rec-grid-4 {grid-template-columns:repeat(3,minmax(0,1fr));}
.rec-grid-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.rec-grid-5 {grid-template-columns:repeat(3,minmax(0,1fr));}
.cast-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}}
@media (max-width:640px){.page-main {padding:11px 12px 4px;gap:18px;}
.header-inner {padding:8px 12px;gap:10px;}
.site-brand {font-size:16px;}
.footer-inner {padding:14px 12px 16px;}
.overview-block {padding:11px;gap:12px;}
.overview-poster {max-width:170px;}
.cast-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.cast-name {font-size:12px;}
.cast-role {font-size:9.5px;}
.detail-list {grid-template-columns:minmax(0,1fr);gap:0;}
.detail-key {flex:0 0 62px;}
.timeline-card {flex:0 0 168px;width:168px;}
.episode-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.episode-summary {-webkit-line-clamp:2;}
.comment-strip-list {grid-template-columns:minmax(0,1fr);}
.comment-featured .comment-text {font-size:13.5px;}
.rec-region {padding:12px 10px 13px;}
.rec-grid-4, .rec-grid-3, .rec-grid-5 {grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.friend-links {gap:5px 9px;}}
@media (max-width:420px){body {font-size:13px;}
.cast-list {grid-template-columns:repeat(2,minmax(0,1fr));}
.episode-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.rec-grid-4, .rec-grid-3, .rec-grid-5 {grid-template-columns:repeat(2,minmax(0,1fr));}
.player-controls {gap:4px;padding:6px;}
.ctrl-btn {padding:3px 6px;font-size:10px;}
.timeline-card {flex:0 0 152px;width:152px;}
.overview-title {font-size:20px;}}
@media (min-width:1461px){.episode-grid {grid-template-columns:repeat(6,minmax(0,1fr));}}

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}