:root {
  --coal-black:#141210;
  --coal:#1c1917;
  --coal-2:#232019;
  --iron:#2b2724;
  --iron-line:#3a342e;
  --rust:#5a3520;
  --rust-2:#7a4326;
  --ember:#e8621c;
  --ember-deep:#c0400f;
  --ember-glow:#ff8a3d;
  --helmet:#e8b100;
  --ash:#c9c2b8;
  --ash-dim:#8a8177;
  --ash-faint:#5f584f;
  --paper:#d8d2c6;
  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-body:"FangSong","STFangsong","SimSun",serif;
}
*, *::before, *::after {box-sizing:border-box;}
html, body {margin:0;padding:0;}
body {
  background:
    radial-gradient(1200px 600px at 50% 0%, rgba(232,98,28,0.06), transparent 60%),
    linear-gradient(180deg,#161311 0%,#141210 100%);
  color:var(--ash);
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  min-height:100vh;
  overflow-x:hidden;
}
img {display:block;max-width:100%;}
a {color:inherit;text-decoration:none;}
ul, ol, dl, dd, dt, h1, h2, h3, p, blockquote {margin:0;padding:0;list-style:none;}
button, input {font-family:inherit;font-size:inherit;color:inherit;}
button {cursor:pointer;}
.site-header {
  position:sticky;
  top:0;
  z-index:50;
  background:linear-gradient(180deg,#1b1815 0%,#171412 100%);
  border-bottom:1px solid var(--iron-line);
}
.header-inner {
  max-width:1180px;
  margin:0 auto;
  padding:9px 16px;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.site-brand {
  font-family:var(--font-display);
  font-weight:900;
  font-size:19px;
  letter-spacing:2px;
  color:var(--ember);
  text-shadow:0 0 12px rgba(232,98,28,0.35);
  border-left:3px solid var(--helmet);
  padding-left:9px;
}
a[data-contract="site-name"] {
  color:var(--ember);
  text-decoration:none;
}
a[data-contract="site-name"]:hover {
  color:var(--ember-glow);
  text-decoration:none;
}
.category-strip {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  flex:1 1 auto;
  min-width:0;
}
a.runtime-category {
  white-space:nowrap;
  display:inline-block;
  padding:4px 11px;
  font-size:12.5px;
  letter-spacing:1px;
  color:var(--ash-dim);
  background:#211d19;
  border:1px solid var(--iron-line);
  border-radius:0;
  text-decoration:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
a.runtime-category:hover {
  color:var(--coal-black);
  background:var(--helmet);
  border-color:var(--helmet);
  text-decoration:none;
}
.page-main {
  max-width:1180px;
  margin:0 auto;
  padding:16px 16px 40px;
}
.section-heading {
  font-family:var(--font-display);
  font-weight:900;
  font-size:15px;
  letter-spacing:3px;
  color:var(--helmet);
  margin-bottom:11px;
  padding-left:11px;
  border-left:3px solid var(--ember-deep);
  line-height:1.3;
  text-transform:none;
}
.section-heading::after {
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin-top:5px;
  background:linear-gradient(90deg,var(--ember),transparent);
}
.hero-banner {
  display:grid;
  grid-template-columns:minmax(0,240px) minmax(0,1fr);
  gap:20px 26px;
  padding:20px 18px 22px;
  margin-bottom:20px;
  background:
    linear-gradient(180deg,rgba(20,18,16,0.4) 0%,rgba(20,18,16,0.9) 62%,#100e0c 100%),
    radial-gradient(120% 80% at 22% 118%, rgba(232,98,28,0.55), rgba(120,45,12,0.15) 46%, transparent 68%),
    linear-gradient(160deg,#201d19 0%,#171412 100%);
  border:1px solid var(--iron-line);
  border-top:2px solid var(--rust-2);
  position:relative;
  overflow:hidden;
}
.hero-banner::after {
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--ember),var(--ember-deep),transparent);
  opacity:.7;
}
.hero-poster-wrap {
  position:relative;
  grid-row:1 / 3;
  grid-column:1;
  align-self:start;
  width:100%;
  border:1px solid var(--rust);
  background:#100e0c;
  box-shadow:0 0 0 1px #0d0b09, 0 14px 30px rgba(0,0,0,0.6);
}
.hero-poster {
  width:100%;
  display:block;
  object-fit:cover;
  filter:saturate(0.92) contrast(1.06) brightness(0.94);
}
.hero-glow {
  position:absolute;
  left:0;right:0;bottom:0;
  height:46%;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(255,110,35,0.5),rgba(192,64,15,0.18) 45%,transparent 100%);
  mix-blend-mode:screen;
}
.hero-copy {
  grid-column:2;
  grid-row:1;
  align-self:end;
  padding:2px 4px 0;
  max-width:640px;
}
.hero-title {
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(24px,3.6vw,40px);
  line-height:1.14;
  letter-spacing:2px;
  color:#f2ead9;
  text-shadow:0 2px 0 #0c0a08, 0 0 26px rgba(232,98,28,0.4);
  margin-bottom:10px;
}
.hero-tagline {
  font-family:var(--font-display);
  font-weight:700;
  font-size:14px;
  letter-spacing:1.5px;
  color:var(--ember-glow);
  padding-left:11px;
  border-left:3px solid var(--helmet);
  margin-bottom:12px;
}
.hero-seo {
  font-size:13.5px;
  line-height:1.7;
  color:var(--ash-dim);
  text-align:justify;
}
.synopsis-panel {
  grid-column:2;
  grid-row:2;
  padding-top:14px;
  border-top:1px solid var(--iron-line);
  margin-top:4px;
}
.synopsis-paragraph {
  font-size:13.5px;
  line-height:1.78;
  color:var(--paper);
  text-align:justify;
  text-indent:2em;
  margin-bottom:8px;
}
.synopsis-paragraph:last-child {margin-bottom:0;color:var(--ash-dim);}
.episode-status-panel {
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 22px;
  padding:11px 12px;
  margin-top:6px;
  background:linear-gradient(90deg,rgba(90,53,32,0.28),rgba(28,25,23,0.1) 70%);
  border:1px solid var(--iron-line);
  border-left:3px solid var(--ember-deep);
}
.episode-status-panel .section-heading {
  margin:0;
  border-left:0;
  padding-left:0;
  font-size:13px;
  letter-spacing:2px;
}
.episode-status-panel .section-heading::after {display:none;}
.status-current {
  font-family:var(--font-display);
  font-weight:900;
  font-size:16px;
  color:var(--ember-glow);
  letter-spacing:1px;
}
.status-total {
  font-size:13px;
  color:var(--ash-dim);
  letter-spacing:1px;
  padding-left:20px;
  border-left:1px solid var(--iron-line);
}
.cast-panel {
  grid-column:1 / -1;
  padding-top:14px;
  border-top:1px solid var(--iron-line);
}
.cast-row {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.cast-card {
  display:flex;
  align-items:stretch;
  gap:0;
  width:96px;
  background:#1a1714;
  border:1px solid var(--iron-line);
  border-radius:0;
  overflow:hidden;
  transition:border-color .18s ease,transform .18s ease;
}
.cast-card:hover {
  border-color:var(--ember-deep);
  transform:translateY(-2px);
}
.cast-avatar {
  flex:0 0 42px;
  width:42px;
  min-height:74px;
  background:
    radial-gradient(80% 60% at 50% 22%, rgba(232,98,28,0.4), transparent 60%),
    linear-gradient(160deg,#2c2620,#15120f);
  border-right:1px solid var(--iron-line);
  position:relative;
}
.cast-avatar::after {
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:var(--rust-2);
}
.cast-name {
  writing-mode:vertical-rl;
  text-orientation:upright;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:8px 0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:13px;
  letter-spacing:3px;
  color:var(--ash);
  background:linear-gradient(180deg,#1c1916,#171412);
}
.details-panel {
  grid-column:1 / -1;
  padding-top:14px;
  border-top:1px solid var(--iron-line);
}
.detail-list {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1px;
  background:var(--iron-line);
  border:1px solid var(--iron-line);
}
.detail-row {
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:6px 11px;
  background:#191613;
}
.detail-key {
  flex:0 0 62px;
  font-size:12.5px;
  letter-spacing:1px;
  color:var(--ash-faint);
}
.detail-value {
  flex:1 1 auto;
  min-width:0;
  font-size:13px;
  color:var(--paper);
  letter-spacing:.5px;
  word-break:break-word;
}
.player-shell {
  width:100%;
  margin-bottom:20px;
  background:#0e0c0a;
  border:1px solid var(--iron-line);
  border-top:2px solid var(--rust);
  box-shadow:0 0 0 1px #0b0908, 0 16px 34px rgba(0,0,0,0.55);
  position:relative;
  transition:box-shadow .25s ease,background .25s ease;
}
.player-video {
  display:block;
  width:100%;
  object-fit:cover;
  background:#000;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  background:linear-gradient(180deg,#1d1a17,#151210);
  border-top:1px solid var(--iron-line);
}
.ctrl-btn {
  font-family:var(--font-display);
  font-weight:700;
  font-size:12px;
  letter-spacing:1.5px;
  padding:5px 12px;
  color:var(--ash);
  background:#221e1a;
  border:1px solid var(--iron-line);
  border-radius:0;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.ctrl-btn:hover {
  background:var(--rust);
  color:#f3e6d5;
  border-color:var(--ember-deep);
}
.ctrl-btn.is-active {
  background:var(--ember);
  color:#160f0a;
  border-color:var(--ember-glow);
}
.ctrl-range {
  -webkit-appearance:none;
  appearance:none;
  background:transparent;
  border:0;
  height:20px;
  min-width:0;
}
.ctrl-range[data-player-action="progress"] {
  flex:1 1 160px;
}
.ctrl-range[data-player-action="volume"] {
  flex:0 1 90px;
}
.ctrl-range::-webkit-slider-runnable-track {
  height:4px;
  background:linear-gradient(90deg,var(--ember-deep),#3a342e);
  border:1px solid #0c0a08;
}
.ctrl-range::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:11px;
  height:16px;
  margin-top:-7px;
  background:var(--helmet);
  border:1px solid #0c0a08;
  border-radius:0;
}
.ctrl-range::-moz-range-track {
  height:4px;
  background:linear-gradient(90deg,var(--ember-deep),#3a342e);
  border:1px solid #0c0a08;
}
.ctrl-range::-moz-range-thumb {
  width:11px;
  height:16px;
  background:var(--helmet);
  border:1px solid #0c0a08;
  border-radius:0;
}
.player-shell.is-theater {
  max-width:100%;
  background:#070605;
  box-shadow:0 0 0 1px #0a0806, 0 22px 60px rgba(0,0,0,0.8), 0 0 60px rgba(232,98,28,0.12);
}
.player-shell.is-lights-off {
  background:#050403;
  box-shadow:0 0 0 1px #060504, 0 0 90px rgba(232,98,28,0.22);
}
.player-shell.is-lights-off .player-controls {
  background:#0c0a09;
}
.player-video.player {outline:none;}
.player-video.light {filter:brightness(1.05);}
.player-video.mute {opacity:.96;}
.player-video.play {opacity:1;}
.player-video.speed {opacity:1;}
.player-video.fullscreen {width:100%;}
.player-video.pip {width:100%;}
.player-video.volume {opacity:1;}
.player-video.progress {opacity:1;}
.player-video.input {opacity:1;}
.player-video.click {opacity:1;}
.player-video.theater {width:100%;}
.timeline-panel {
  margin-bottom:20px;
  padding:14px 14px 16px;
  background:linear-gradient(180deg,#1a1714,#151210);
  border:1px solid var(--iron-line);
}
.timeline-strip {
  display:flex;
  gap:0;
  overflow-x:auto;
  padding:16px 4px 6px;
  position:relative;
  scrollbar-width:thin;
}
.timeline-strip::before {
  content:"";
  position:absolute;
  left:8px;right:8px;
  top:26px;
  height:2px;
  background:linear-gradient(90deg,var(--rust),var(--iron-line) 70%);
}
.timeline-node {
  flex:1 0 138px;
  min-width:138px;
  position:relative;
  padding:0 12px 0 0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.timeline-node::before {
  content:"";
  width:11px;
  height:11px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--ember-glow),var(--ember-deep) 70%);
  border:2px solid #0d0b09;
  box-shadow:0 0 0 3px #241f1a, 0 0 10px rgba(232,98,28,0.5);
  position:relative;
  z-index:2;
  margin-left:2px;
}
.timeline-timecode {
  font-family:var(--font-display);
  font-weight:900;
  font-size:13px;
  letter-spacing:1px;
  color:var(--helmet);
  order:-1;
}
.timeline-label {
  font-size:12.5px;
  line-height:1.55;
  color:var(--ash-dim);
  padding-right:6px;
}
.episodes-panel {
  margin-bottom:20px;
  padding:14px 14px 16px;
  background:linear-gradient(180deg,#1a1714,#151210);
  border:1px solid var(--iron-line);
}
.episode-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--iron-line);
  border:1px solid var(--iron-line);
}
.episode-card {
  position:relative;
  padding:11px 13px 12px 58px;
  background:#191614;
  min-height:96px;
  transition:background .18s ease;
}
.episode-card:hover {
  background:#201c18;
}
.episode-number {
  position:absolute;
  left:11px;
  top:9px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:19px;
  line-height:1;
  letter-spacing:-.5px;
  color:var(--ember);
  text-shadow:0 0 14px rgba(232,98,28,0.4);
}
.episode-title {
  font-family:var(--font-display);
  font-weight:700;
  font-size:14px;
  letter-spacing:1px;
  color:#eee6d6;
  margin-bottom:5px;
  line-height:1.35;
}
.episode-summary {
  font-size:12.5px;
  line-height:1.62;
  color:var(--ash-dim);
  margin-bottom:8px;
}
.episode-duration {
  display:inline-block;
  font-family:var(--font-display);
  font-size:11px;
  letter-spacing:1px;
  color:var(--ash-faint);
  padding:1px 7px;
  border:1px solid var(--iron-line);
  background:#14110f;
}
.comments-panel {
  margin-bottom:20px;
  padding:14px 14px 18px;
  background:linear-gradient(180deg,#181512,#131110);
  border:1px solid var(--iron-line);
}
.comments-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.comment-card {
  position:relative;
  padding:14px 14px 13px;
  background:linear-gradient(160deg,#221d18,#191512);
  border:1px solid var(--iron-line);
  border-left:3px solid var(--rust-2);
}
.comment-card:nth-child(3n/**/+2) {border-left-color:var(--ember-deep);}
.comment-card:nth-child(3n/**/+3) {border-left-color:var(--helmet);opacity:.94;}
.comment-text {
  font-size:13px;
  line-height:1.72;
  color:var(--paper);
  text-align:justify;
  padding-right:56px;
  margin-bottom:6px;
}
.comment-nickname {
  position:absolute;
  top:11px;
  right:12px;
  font-family:var(--font-display);
  font-style:normal;
  font-weight:700;
  font-size:11px;
  letter-spacing:1px;
  color:var(--helmet);
  max-width:72px;
  text-align:right;
  line-height:1.3;
}
.rec-region {
  margin-bottom:20px;
  padding:14px 14px 16px;
  background:linear-gradient(180deg,#1a1714,#151210);
  border:1px solid var(--iron-line);
}
.rec-region-1 {border-top:2px solid var(--rust-2);}
.rec-region-2 {border-top:2px solid var(--ember-deep);}
.rec-region-3 {border-top:2px solid var(--helmet);}
.rec-list-vertical {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.rec-list-vertical > li {display:flex;}
.rec-item {
  display:flex;
  align-items:stretch;
  gap:10px;
  width:100%;
  min-width:0;
  padding:8px;
  background:#181513;
  border:1px solid var(--iron-line);
  border-radius:0;
  text-decoration:none;
  color:var(--ash);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
a.rec-item {color:var(--ash);text-decoration:none;}
a.rec-item:hover {
  background:#221d18;
  border-color:var(--ember-deep);
  transform:translateY(-2px);
  text-decoration:none;
}
a.rec-item:hover [data-runtime="name"] {color:var(--ember-glow);}
[data-runtime="recommendation"] img {
  width:100%;
  height:100%;
  object-fit:cover;
  background:#0d0b09;
  border:1px solid #0c0a08;
  filter:saturate(.9) contrast(1.05) brightness(.92);
}
.rec-region-1 .rec-item {
  flex-direction:row;
  align-items:center;
}
.rec-region-1 [data-runtime="recommendation"] img {
  flex:0 0 62px;
  width:62px;
  height:82px;
  aspect-ratio:3 / 4;
}
.rec-region-1 .rec-item > span {
  display:block;
  min-width:0;
}
[data-runtime="name"] {
  display:block;
  font-family:var(--font-display);
  font-weight:700;
  font-size:13.5px;
  letter-spacing:.5px;
  color:#e9e0d0;
  line-height:1.35;
  margin-bottom:4px;
  overflow:hidden;
  transition:color .18s ease;
}
[data-runtime="blurb"] {
  display:block;
  font-size:12px;
  line-height:1.55;
  color:var(--ash-faint);
  overflow:hidden;
}
.rec-strip-horizontal {
  display:flex;
  gap:9px;
  overflow-x:auto;
  padding-bottom:8px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.rec-strip-horizontal .rec-item {
  flex:0 0 200px;
  width:200px;
  display:flex;
  flex-direction:column;
  gap:8px;
  scroll-snap-align:start;
}
.rec-region-2 [data-runtime="recommendation"] img {
  width:100%;
  height:112px;
  aspect-ratio:16 / 9;
}
.rec-grid-three {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.rec-grid-three .rec-item {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.rec-region-3 [data-runtime="recommendation"] img {
  width:100%;
  height:104px;
  aspect-ratio:16 / 10;
}
.site-footer {
  max-width:1180px;
  margin:0 auto;
  padding:18px 16px 34px;
  border-top:1px solid var(--iron-line);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-disclaimer {
  font-size:12px;
  line-height:1.7;
  color:var(--ash-faint);
  letter-spacing:.3px;
  max-width:820px;
}
.footer-nav {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  padding-top:10px;
  border-top:1px dashed #2a2521;
}
a[data-contract="footer-home"] {
  font-family:var(--font-display);
  font-weight:700;
  font-size:12.5px;
  letter-spacing:1.5px;
  color:var(--ember);
  text-decoration:none;
}
a[data-contract="footer-home"]:hover {color:var(--ember-glow);text-decoration:underline;}
a[data-contract="footer-sitemap"] {
  font-family:var(--font-display);
  font-weight:700;
  font-size:12.5px;
  letter-spacing:1.5px;
  color:var(--helmet);
  text-decoration:none;
}
a[data-contract="footer-sitemap"]:hover {color:#f5cd3a;text-decoration:underline;}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:7px 14px;
  padding-top:10px;
  border-top:1px dashed #2a2521;
}
.friend-links-label {
  font-family:var(--font-display);
  font-weight:700;
  font-size:12px;
  letter-spacing:2px;
  color:var(--ash-faint);
}
a.runtime-friend-link {
  font-size:12px;
  letter-spacing:.5px;
  color:var(--ash-dim);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .16s ease,border-color .16s ease;
}
a.runtime-friend-link:hover {
  color:var(--ember-glow);
  border-bottom-color:var(--ember-deep);
  text-decoration:none;
}
@media (max-width:860px){.hero-banner {
    grid-template-columns:minmax(0,190px) minmax(0,1fr);
    gap:16px 18px;
    padding:16px 14px 18px;
  }
.hero-title {font-size:clamp(21px,4.6vw,30px);}
.episode-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.rec-grid-three {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){body {font-size:14.5px;}
.page-main {padding:12px 11px 30px;}
.header-inner {padding:8px 11px;gap:10px;}
.site-brand {font-size:17px;letter-spacing:1px;}
.hero-banner {
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    padding:14px 12px 16px;
  }
.hero-poster-wrap {
    grid-column:1;
    grid-row:1;
    max-width:190px;
    width:100%;
    justify-self:start;
  }
.hero-copy {
    grid-column:1;
    grid-row:2;
    max-width:none;
  }
.synopsis-panel {
    grid-column:1;
    grid-row:3;
  }
.hero-title {font-size:clamp(20px,6.2vw,27px);letter-spacing:1px;}
.hero-tagline {font-size:13px;letter-spacing:1px;}
.hero-seo {font-size:13px;}
.episode-status-panel {gap:6px 16px;padding:10px;}
.status-total {padding-left:0;border-left:0;}
.cast-card {width:84px;}
.cast-avatar {flex:0 0 36px;width:36px;min-height:66px;}
.cast-name {font-size:12px;letter-spacing:2px;}
.detail-list {grid-template-columns:minmax(0,1fr);}
.detail-key {flex:0 0 56px;}
.player-controls {gap:6px;padding:8px;}
.ctrl-btn {padding:5px 9px;font-size:11px;letter-spacing:.5px;}
.ctrl-range[data-player-action="progress"] {flex:1 1 100%;order:5;}
.ctrl-range[data-player-action="volume"] {flex:0 1 70px;}
.timeline-strip {padding:14px 2px 6px;}
.timeline-strip::before {top:24px;}
.timeline-node {flex:0 0 132px;min-width:132px;}
.episode-grid {grid-template-columns:minmax(0,1fr);}
.episode-card {padding:10px 12px 11px 52px;min-height:0;}
.episode-number {font-size:17px;left:10px;}
.comments-grid {grid-template-columns:minmax(0,1fr);}
.comment-text {padding-right:0;margin-bottom:8px;}
.comment-nickname {position:static;display:block;text-align:left;max-width:none;margin-top:2px;}
.rec-list-vertical {grid-template-columns:minmax(0,1fr);}
.rec-grid-three {grid-template-columns:minmax(0,1fr);}
.rec-strip-horizontal .rec-item {flex:0 0 168px;width:168px;}
.site-footer {padding:16px 11px 28px;}
.footer-nav {gap:14px;}
.friend-links {gap:6px 11px;}}
@media (max-width:400px){.cast-card {width:100%;}
.rec-strip-horizontal .rec-item {flex:0 0 152px;width:152px;}
.ctrl-btn {padding:5px 8px;font-size:10.5px;}}

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}