:root {
  --ink:#08090c;
  --ink-2:#0d1017;
  --ink-3:#131824;
  --abyss:#0a1420;
  --abyss-2:#0f1e2e;
  --ghost-blue:#2b5a7a;
  --ghost-blue-soft:#3d7fa6;
  --seal-gold:#c9a253;
  --seal-gold-dim:#8a6d33;
  --seal-gold-glow:#e8c877;
  --old-qing:#5f7d78;
  --old-qing-dim:#3f544f;
  --bone:#c9c4b6;
  --text:#b8bcc4;
  --text-dim:#7d8390;
  --crack:#1c2430;
  --edge:1px solid #1e2733;
  --font-title:"Songti SC","STSong","Noto Serif SC",serif;
  --font-body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {-webkit-text-size-adjust:100%}
body {
  background:var(--ink);
  color:var(--text);
  font-family:var(--font-body);
  font-size:14px;
  line-height:1.6;
  letter-spacing:.01em;
  min-height:100vh;
  background-image:
    radial-gradient(ellipse 120% 60% at 15% -5%,rgba(43,90,122,.20),transparent 60%),
    radial-gradient(ellipse 90% 50% at 88% 12%,rgba(201,162,83,.09),transparent 62%),
    linear-gradient(180deg,#08090c 0%,#0a0e15 40%,#07080b 100%);
  background-attachment:fixed;
}
img, video {display:block;max-width:100%}
ul, ol {list-style:none}
a {color:inherit;text-decoration:none}
button, input, select {font:inherit;color:inherit}
p, li, h1, h2, h3, dd, dt, span {overflow-wrap:break-word}
.site-header {
  position:sticky;
  top:0;
  z-index:40;
  background:linear-gradient(180deg,rgba(8,9,12,.97),rgba(9,12,18,.90));
  border-bottom:1px solid #1a222e;
  backdrop-filter:blur(6px);
}
.header-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 20px;
  max-width:1400px;
  margin:0 auto;
}
a[data-contract="site-name"] {
  font-family:var(--font-title);
  font-weight:700;
  font-size:19px;
  letter-spacing:.16em;
  color:var(--seal-gold-glow);
  text-decoration:none;
  text-shadow:0 0 14px rgba(201,162,83,.35);
  border-left:3px solid var(--seal-gold);
  padding-left:10px;
  white-space:nowrap;
}
.header-nav {display:flex;align-items:center;gap:2px;flex-wrap:wrap}
a.nav-link {
  color:var(--text-dim);
  text-decoration:none;
  font-size:13px;
  letter-spacing:.14em;
  padding:6px 13px;
  border:1px solid transparent;
  transition:color .18s,border-color .18s,background .18s;
  white-space:nowrap;
}
a.nav-link:hover, a.nav-link:focus-visible {
  color:var(--seal-gold-glow);
  border-color:#2a3442;
  background:rgba(43,90,122,.12);
}
.categories-strip {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:0 20px 10px;
  max-width:1400px;
  margin:0 auto;
}
a.runtime-category {
  display:inline-block;
  color:var(--ghost-blue-soft);
  text-decoration:none;
  font-size:12px;
  letter-spacing:.1em;
  padding:3px 10px;
  border:1px solid #22303f;
  background:linear-gradient(180deg,rgba(15,30,46,.7),rgba(10,20,32,.7));
  white-space:nowrap;
  transition:color .18s,border-color .18s;
  clip-path:polygon(0 0,100% 0,100% 68%,88% 100%,0 100%);
}
a.runtime-category:hover, a.runtime-category:focus-visible {
  color:var(--seal-gold-glow);
  border-color:var(--seal-gold-dim);
}
.page-main {
  max-width:1400px;
  margin:0 auto;
  padding:0 20px 40px;
  display:flex;
  flex-direction:column;
  gap:26px;
}
.section-title {
  font-family:var(--font-title);
  font-size:20px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--bone);
  padding-left:12px;
  border-left:4px solid var(--seal-gold);
  margin-bottom:14px;
  position:relative;
}
.section-title::after {
  content:"";
  position:absolute;
  left:12px;
  bottom:-7px;
  width:52px;
  height:1px;
  background:linear-gradient(90deg,var(--seal-gold-dim),transparent);
}
.movie-overview {
  margin-top:22px;
  background:
    linear-gradient(180deg,rgba(13,16,23,.94),rgba(8,9,12,.94));
  border:var(--edge);
  border-top:2px solid var(--seal-gold-dim);
  padding:20px 20px 18px;
  position:relative;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
}
.overview-head {margin-bottom:18px}
.hero-title {
  font-family:var(--font-title);
  font-size:clamp(26px,4.4vw,44px);
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.15;
  color:#e6e2d6;
  text-shadow:0 0 26px rgba(43,90,122,.5),0 2px 0 rgba(0,0,0,.8);
  margin-bottom:8px;
}
.hero-tagline {
  font-size:13px;
  letter-spacing:.18em;
  color:var(--ghost-blue-soft);
  border-left:2px solid var(--seal-gold-dim);
  padding-left:10px;
}
.overview-body {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.72fr);
  grid-template-areas:
    "poster details status"
    "poster synopsis status"
    "cast cast cast";
  gap:18px 22px;
  align-items:start;
}
.poster-panel {
  grid-area:poster;
  align-self:start;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}
.hero-portrait {
  position:relative;
  margin:0;
  border:1px solid #232d3b;
  border-left:3px solid var(--ghost-blue);
  padding:0;
  background:linear-gradient(120deg,rgba(43,90,122,.16) 0%,transparent 42%,transparent 58%,rgba(201,162,83,.14) 100%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
}
.hero-portrait-img {
  width:100%;
  height:auto;
  aspect-ratio:9 / 16;
  object-fit:cover;
  filter:contrast(1.12) saturate(.78) brightness(.92);
}
.hero-portrait-caption {
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  padding:5px 10px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--bone);
  background:linear-gradient(180deg,transparent,rgba(6,7,10,.92) 45%);
  border-top:1px solid rgba(201,162,83,.35);
}
.hero-seals {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}
.seal-chip {
  font-size:11px;
  letter-spacing:.08em;
  text-align:center;
  padding:4px 2px;
  color:var(--seal-gold);
  background:linear-gradient(180deg,rgba(20,26,36,.9),rgba(10,13,19,.9));
  border:1px solid #2a2317;
  clip-path:polygon(0 0,100% 0,100% 72%,84% 100%,0 100%);
  transition:color .18s,border-color .18s,box-shadow .18s;
}
.seal-chip:hover {
  color:var(--seal-gold-glow);
  border-color:var(--seal-gold-dim);
  box-shadow:0 0 10px rgba(201,162,83,.25) inset;
}
.details-panel {
  grid-area:details;
  min-width:0;
  align-self:start;
  border-top:1px solid #1d2634;
  padding-top:12px;
}
.panel-title {
  font-family:var(--font-title);
  font-size:15px;
  font-weight:700;
  letter-spacing:.22em;
  color:var(--seal-gold);
  margin-bottom:10px;
}
.details-list {display:flex;flex-direction:column;gap:0}
.detail-row {
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:5px 0;
  border-bottom:1px dashed #1a212c;
}
.detail-key {
  flex:0 0 74px;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--text-dim);
}
.detail-value {
  flex:1 1 auto;
  min-width:0;
  font-size:13px;
  color:#cfd3da;
}
.detail-row:nth-child(3) .detail-value {color:var(--ghost-blue-soft)}
.detail-row:nth-child(8) .detail-value {
  color:var(--seal-gold-glow);
  font-weight:700;
  letter-spacing:.1em;
}
.episode-status-panel {
  grid-area:status;
  align-self:start;
  min-width:0;
  padding:12px 14px;
  background:linear-gradient(160deg,rgba(15,30,46,.75),rgba(9,12,18,.85));
  border:1px solid #23303f;
  border-right:3px solid var(--seal-gold-dim);
  clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px));
}
.status-line {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding:6px 0;
  border-bottom:1px dashed #1d2734;
}
.status-line:last-child {border-bottom:0}
.status-label {
  font-size:12px;
  letter-spacing:.14em;
  color:var(--text-dim);
}
.status-value {
  font-family:var(--font-title);
  font-size:17px;
  letter-spacing:.08em;
  color:var(--seal-gold-glow);
}
.synopsis-panel {
  grid-area:synopsis;
  min-width:0;
  align-self:start;
  border-top:1px solid #1d2634;
  padding-top:12px;
}
.synopsis-paragraph {
  font-size:13px;
  line-height:1.85;
  color:#a9aeb8;
  text-indent:2em;
  padding:5px 0 5px 10px;
  border-left:1px solid #1b232f;
  margin-bottom:6px;
}
.synopsis-paragraph:last-child {margin-bottom:0}
.cast-panel {
  grid-area:cast;
  min-width:0;
  border-top:1px solid #1d2634;
  padding-top:12px;
}
.cast-row {
  display:flex;
  flex-wrap:wrap;
  gap:0;
  align-items:flex-start;
}
.cast-member {
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px 16px 6px 0;
  margin-right:-10px;
  position:relative;
}
.cast-avatar {
  flex:0 0 auto;
  width:46px;
  height:46px;
  border-radius:50%;
  background:
    radial-gradient(circle at 32% 28%,rgba(43,90,122,.85),rgba(12,18,26,.95) 68%),
    linear-gradient(140deg,#1a2532,#0a0e15);
  border:1px solid #2c3a4c;
  box-shadow:0 0 0 1px rgba(8,9,12,.9),0 0 12px rgba(43,90,122,.28);
  position:relative;
  z-index:2;
}
.cast-member:nth-child(even) .cast-avatar {
  background:
    radial-gradient(circle at 68% 30%,rgba(201,162,83,.62),rgba(14,12,9,.95) 68%),
    linear-gradient(140deg,#2a2418,#0a0e15);
  border-color:#3a3120;
  box-shadow:0 0 0 1px rgba(8,9,12,.9),0 0 12px rgba(201,162,83,.25);
}
.cast-name {
  writing-mode:vertical-rl;
  text-orientation:upright;
  font-family:var(--font-title);
  font-size:13px;
  letter-spacing:.16em;
  color:var(--bone);
  position:relative;
  z-index:1;
}
.player-shell {
  margin-top:20px;
  width:100%;
  border:var(--edge);
  border-top:2px solid var(--ghost-blue);
  background:#05070a;
  position:relative;
  padding:0;
}
.player-video {
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  background:#020304;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  background:linear-gradient(180deg,rgba(13,16,23,.96),rgba(8,9,12,.96));
  border-top:1px solid #1d2634;
}
.player-btn {
  font-size:12px;
  letter-spacing:.08em;
  color:var(--text);
  background:linear-gradient(180deg,#161c26,#0c1017);
  border:1px solid #263140;
  padding:5px 11px;
  cursor:pointer;
  clip-path:polygon(0 0,100% 0,100% 66%,86% 100%,0 100%);
  transition:color .16s,border-color .16s,background .16s;
  white-space:nowrap;
}
.player-btn:hover, .player-btn:focus-visible {
  color:var(--seal-gold-glow);
  border-color:var(--seal-gold-dim);
}
.player-btn.is-active, .player-btn.play, .player-btn.pause, .player-btn.mute, .player-btn.light, .player-btn.fullscreen, .player-btn.pip, .player-btn.theater {
  color:var(--seal-gold-glow);
  border-color:var(--seal-gold-dim);
  box-shadow:0 0 10px rgba(201,162,83,.2) inset;
}
.player-range {
  -webkit-appearance:none;
  appearance:none;
  height:4px;
  background:linear-gradient(90deg,var(--ghost-blue),#1b2431);
  border:0;
  cursor:pointer;
  flex:1 1 120px;
  min-width:90px;
}
.player-range::-webkit-slider-thumb {
  -webkit-appearance:none;
  width:11px;
  height:14px;
  background:var(--seal-gold);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.player-range::-moz-range-thumb {
  width:11px;
  height:14px;
  border:0;
  border-radius:0;
  background:var(--seal-gold);
}
.player-select {
  font-size:12px;
  color:var(--text);
  background:#101620;
  border:1px solid #263140;
  padding:4px 8px;
  cursor:pointer;
}
.player-shell.theater-mode, .player-shell.theater {
  border-color:var(--seal-gold-dim);
  box-shadow:0 0 0 1px rgba(201,162,83,.35),0 0 34px rgba(201,162,83,.12);
}
.player-shell.lights-out, .player-shell.light {
  background:#000;
}
.player-shell.lights-out .player-controls, .player-shell.light .player-controls {
  background:#000;
  border-top-color:#141a24;
}
.timeline-section {
  border-top:1px solid #1a212c;
  padding-top:22px;
}
.timeline-spine {
  position:relative;
  padding-left:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.timeline-spine::before {
  content:"";
  position:absolute;
  left:8px;
  top:4px;
  bottom:4px;
  width:2px;
  background:linear-gradient(180deg,var(--ghost-blue) 0%,var(--seal-gold-dim) 46%,#241c10 82%,transparent 100%);
}
.timeline-node {
  position:relative;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:14px;
  align-items:baseline;
  padding:6px 0;
}
.timeline-node:nth-child(even) {margin-left:34px}
.timeline-node:nth-child(3n) {margin-left:12px}
.timeline-node:nth-child(3n) .timeline-label {max-width:88%}
.timeline-node-mark {
  position:absolute;
  left:-24px;
  top:9px;
  width:12px;
  height:12px;
  background:var(--seal-gold);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
  box-shadow:0 0 10px rgba(201,162,83,.65);
}
.timeline-node:nth-child(n/**/+5) .timeline-node-mark {
  background:var(--ghost-blue-soft);
  box-shadow:0 0 10px rgba(43,90,122,.7);
}
.timeline-timecode {
  font-family:var(--font-title);
  font-size:14px;
  letter-spacing:.16em;
  color:var(--seal-gold-glow);
  border-bottom:1px solid #2a2317;
  padding-bottom:3px;
}
.timeline-label {
  font-size:13px;
  line-height:1.7;
  color:#9ba1ac;
}
.episodes-section {
  border-top:1px solid #1a212c;
  padding-top:22px;
}
.episodes-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.episode-card {
  position:relative;
  padding:10px 12px;
  background:linear-gradient(160deg,rgba(13,16,23,.92),rgba(9,11,16,.92));
  border:1px solid #1c2430;
  border-left:2px solid #26313f;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  transition:border-color .18s,background .18s,transform .18s;
}
.episode-card:hover {
  border-left-color:var(--seal-gold);
  background:linear-gradient(160deg,rgba(18,24,34,.96),rgba(10,13,19,.96));
  transform:translateY(-2px);
}
.episode-number {
  display:inline-block;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--ghost-blue-soft);
  border:1px solid #22303f;
  padding:1px 7px;
  margin-bottom:6px;
}
.episode-title {
  font-family:var(--font-title);
  font-size:15px;
  font-weight:700;
  letter-spacing:.08em;
  color:#dcd8cb;
  margin-bottom:5px;
}
.episode-summary {
  font-size:12px;
  line-height:1.65;
  color:#8b919c;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.episode-duration {
  display:block;
  max-height:0;
  opacity:0;
  overflow:hidden;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--seal-gold);
  transition:max-height .22s ease,opacity .22s ease,margin-top .22s ease;
}
.episode-card:hover .episode-duration, .episode-card:focus-within .episode-duration {
  max-height:24px;
  opacity:1;
  margin-top:6px;
}
.comments-recommend-split {
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:26px;
  align-items:start;
  border-top:1px solid #1a212c;
  padding-top:22px;
}
.comments-section {min-width:0}
.comments-wall {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-items:start;
}
.comment-card {
  padding:9px 11px;
  background:linear-gradient(170deg,rgba(15,22,32,.9),rgba(9,12,18,.9));
  border:1px solid #1b232f;
  border-top:2px solid #22303f;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
  transition:border-color .18s;
}
.comment-card:nth-child(2n) {margin-top:14px}
.comment-card:nth-child(3n) {margin-top:6px}
.comment-card:hover {border-top-color:var(--seal-gold-dim)}
.comment-nickname {
  display:block;
  font-family:var(--font-title);
  font-size:12px;
  letter-spacing:.12em;
  color:var(--ghost-blue-soft);
  margin-bottom:4px;
}
.comment-text {
  font-size:12px;
  line-height:1.7;
  color:#969ca6;
}
.recommendations-section {min-width:0}
.recommendation-list {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  align-items:start;
}
.recommendation-list-wide {
  grid-template-columns:repeat(5,minmax(0,1fr));
}
a.recommendation-item {
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:7px;
  color:var(--text);
  text-decoration:none;
  background:linear-gradient(170deg,rgba(13,17,24,.94),rgba(9,11,16,.94));
  border:1px solid #1c2430;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
  transition:border-color .18s,background .18s,transform .18s;
}
a.recommendation-item:hover, a.recommendation-item:focus-visible {
  border-color:var(--seal-gold-dim);
  background:linear-gradient(170deg,rgba(19,25,35,.96),rgba(10,13,19,.96));
  transform:translateY(-2px);
}
[data-runtime="recommendation"] img {
  width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  border:1px solid #202a37;
  filter:brightness(.9) contrast(1.06);
}
.recommendation-name {
  font-family:var(--font-title);
  font-size:13px;
  letter-spacing:.06em;
  color:#d6d2c6;
  line-height:1.4;
}
.recommendation-blurb {
  font-size:11px;
  line-height:1.6;
  color:#7f8590;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.site-footer {
  margin-top:34px;
  border-top:2px solid #1a212c;
  background:linear-gradient(180deg,rgba(8,10,14,.96),rgba(5,6,9,.96));
  padding:20px 20px 26px;
}
.footer-disclaimer {
  max-width:1400px;
  margin:0 auto 12px;
  font-size:12px;
  line-height:1.75;
  color:#6d737e;
  text-align:center;
}
.footer-nav {
  display:flex;
  justify-content:center;
  gap:10px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-size:12px;
  letter-spacing:.14em;
  color:var(--ghost-blue-soft);
  text-decoration:none;
  padding:3px 12px;
  border:1px solid #22303f;
  clip-path:polygon(0 0,100% 0,100% 68%,88% 100%,0 100%);
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {
  color:var(--seal-gold-glow);
  border-color:var(--seal-gold-dim);
}
.friend-links {
  max-width:1400px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.friend-links-label {
  font-size:12px;
  letter-spacing:.16em;
  color:var(--seal-gold-dim);
  margin-right:4px;
}
a.runtime-friend-link {
  font-size:12px;
  color:#7b818c;
  text-decoration:none;
  padding:2px 8px;
  border:1px solid #1c242f;
  white-space:nowrap;
}
a.runtime-friend-link:hover {
  color:var(--seal-gold-glow);
  border-color:var(--seal-gold-dim);
}
.player.change, .player.click, .player.input, .player.progress, .player.speed, .player.timeupdate, .player.volume {outline:none}
.player-btn.is-active {color:var(--seal-gold-glow)}
.player-shell:fullscreen {background:#000;padding:0}
.player-shell:fullscreen .player-video {height:100%;aspect-ratio:auto}
@media (max-width:1080px){.overview-body {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "poster details"
      "poster synopsis"
      "status status"
      "cast cast";
  }
.episode-status-panel {display:flex;flex-wrap:wrap;gap:0 26px;align-items:baseline}
.episode-status-panel .panel-title {flex:0 0 100%}
.status-line {flex:0 0 auto;border-bottom:0;padding:4px 0}
.comments-recommend-split {grid-template-columns:minmax(0,1fr)}
.recommendation-list-wide {grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){.episodes-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.recommendation-list {grid-template-columns:repeat(2,minmax(0,1fr))}
.recommendation-list-wide {grid-template-columns:repeat(3,minmax(0,1fr))}
.timeline-node {grid-template-columns:120px minmax(0,1fr);gap:10px}
.timeline-node:nth-child(even) {margin-left:18px}
.timeline-node:nth-child(3n) {margin-left:0}
.timeline-node:nth-child(3n) .timeline-label {max-width:100%}}
@media (max-width:640px){.page-main {padding:0 12px 30px;gap:20px}
.header-bar {padding:9px 12px;gap:8px}
.categories-strip {padding:0 12px 9px}
a[data-contract="site-name"] {font-size:16px;letter-spacing:.1em}
a.nav-link {padding:5px 9px;font-size:12px}
.movie-overview {padding:14px 12px 14px}
.overview-body {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "poster"
      "details"
      "synopsis"
      "status"
      "cast";
    gap:16px;
  }
.poster-panel {max-width:320px}
.hero-seals {grid-template-columns:repeat(3,minmax(0,1fr))}
.cast-member {padding:5px 12px 5px 0}
.cast-avatar {width:40px;height:40px}
.episodes-grid {grid-template-columns:minmax(0,1fr)}
.comments-wall {grid-template-columns:minmax(0,1fr)}
.comment-card:nth-child(2n), .comment-card:nth-child(3n) {margin-top:0}
.recommendation-list, .recommendation-list-wide {grid-template-columns:repeat(2,minmax(0,1fr))}
.timeline-node {
    grid-template-columns:minmax(0,1fr);
    gap:4px;
    margin-left:0 !important;
  }
.timeline-node:nth-child(3n) .timeline-label {max-width:100%}
.player-controls {gap:6px;padding:8px}
.player-btn {padding:4px 8px;font-size:11px}
.player-range {flex:1 1 100%}
.section-title {font-size:17px;letter-spacing:.14em}}
@media (max-width:400px){.recommendation-list, .recommendation-list-wide {grid-template-columns:minmax(0,1fr)}
.hero-seals {grid-template-columns:repeat(2,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}