:root {
      --bg: #050609;
      --panel: #0b0f16;
      --panel-2: #111722;
      --line: rgba(255,255,255,.1);
      --text: #f4f7fa;
      --muted: #9aa6b2;
      --soft: #c9d3de;
      --acid: #d6fb41;
      --cyan: #7dd3fc;
      --pink: #f472b6;
      --danger: #fb7185;
      --radius: 8px;
      --wrap: min(1180px, calc(100vw - 32px));
      color-scheme: dark;
    }
    * { box-sizing: border-box; }
    html { min-height: 100%; background: var(--bg); }
    body {
      min-height: 100%;
      margin: 0;
      color: var(--text);
      background: var(--bg);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.55;
      overflow-x: hidden;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 72%);
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; height: auto; }
    button, input, select { font: inherit; }
    .wrap { width: var(--wrap); margin: 0 auto; }
    .topbar {
      position: sticky;
      top: 0;
      z-index: 20;
      border-bottom: 1px solid var(--line);
      background: rgba(5,6,9,.88);
      backdrop-filter: blur(14px);
    }
    .topbar__inner {
      min-height: 64px;
      display: flex;
      align-items: center;
      gap: 18px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .brand__mark {
      width: 34px;
      height: 34px;
      border: 1px solid rgba(214,251,65,.6);
      display: grid;
      place-items: center;
      color: var(--acid);
      background: #0c1015;
      border-radius: 8px;
    }
    .nav {
      display: flex;
      align-items: center;
      gap: 4px;
      margin-left: auto;
      min-width: 0;
    }
    .nav a, .nav button {
      min-height: 40px;
      padding: 9px 11px;
      border: 1px solid transparent;
      border-radius: 8px;
      color: var(--muted);
      background: transparent;
      cursor: pointer;
      white-space: nowrap;
      font-size: .9rem;
    }
    .nav a:hover, .nav button:hover {
      color: var(--text);
      border-color: var(--line);
      background: rgba(255,255,255,.04);
    }
    main { position: relative; z-index: 1; }
    .hero {
      min-height: clamp(560px, 76vh, 780px);
      display: grid;
      align-items: end;
      position: relative;
      isolation: isolate;
      border-bottom: 1px solid var(--line);
      overflow: hidden;
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background: var(--hero-img) center/cover no-repeat;
      filter: saturate(.78) contrast(1.06);
      opacity: .56;
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(90deg, rgba(5,6,9,.98) 0%, rgba(5,6,9,.78) 42%, rgba(5,6,9,.28) 100%),
        linear-gradient(0deg, var(--bg) 0%, transparent 45%);
    }
    .hero__content {
      width: var(--wrap);
      margin: 0 auto;
      padding: 86px 0 58px;
      max-width: 760px;
      justify-self: start;
    }
    .kicker {
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--acid);
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .12em;
      font-size: .78rem;
    }
    .kicker::before {
      content: "";
      width: 28px;
      height: 2px;
      background: currentColor;
    }
    h1, h2, h3, p { margin-top: 0; }
    h1 {
      margin: 14px 0 18px;
      font-size: clamp(2rem, 7vw, 7.2rem);
      line-height: .95;
      letter-spacing: 0;
      text-transform: uppercase;
      overflow-wrap: break-word;
      hyphens: auto;
      text-wrap: balance;
    }
    /* Title-length-aware hero heading: long titles shrink to fit ~one line on desktop,
       short titles keep full impact. On mobile the 7vw term wins → size unchanged. */
    .hero h1.t-fit {
      font-size: min(clamp(2rem, 7vw, 7.2rem), calc(60rem / var(--title-len, 18)));
    }
    h2 {
      font-size: clamp(1.55rem, 2.8vw, 2.4rem);
      line-height: 1.05;
      letter-spacing: 0;
    }
    .lead {
      color: var(--soft);
      max-width: 720px;
      font-size: clamp(1rem, 1.7vw, 1.18rem);
    }
    .meta-row, .chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 22px 0;
    }
    .chip {
      border: 1px solid var(--line);
      background: rgba(255,255,255,.055);
      color: var(--soft);
      border-radius: 999px;
      padding: 6px 10px;
      font-size: .88rem;
    }
    .actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 26px;
    }
    .btn {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border-radius: 8px;
      padding: 11px 15px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.05);
      color: var(--text);
      font-weight: 760;
    }
    .btn--primary {
      color: #111;
      border-color: transparent;
      background: var(--acid);
    }
    .section {
      padding: 44px 0;
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .section--deep {
      background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
        #07090e;
    }
    .section__head {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: end;
      margin-bottom: 18px;
    }
    .muted { color: var(--muted); }
    .crumbs {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      font-size: .86rem;
      color: var(--muted);
    }
    .crumbs a { color: var(--soft); }
    .crumbs a:hover { color: var(--acid); }
    .crumbs span[aria-current] { color: var(--text); }
    .crumbs__sep { color: var(--line); }
    .grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .card {
      min-height: 230px;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: var(--panel);
    }
    .card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--card-img) center/cover no-repeat;
      opacity: .56;
      transition: transform .35s ease, opacity .35s ease;
    }
    .card:hover::before { transform: scale(1.045); opacity: .68; }
    .card__body {
      position: absolute;
      inset: auto 0 0;
      padding: 18px;
      background: linear-gradient(transparent, rgba(5,6,9,.96) 46%);
    }
    .card h3 {
      margin: 8px 0 6px;
      font-size: 1.45rem;
      line-height: 1.05;
    }
    .split {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
      gap: 18px;
      align-items: start;
    }
    .panel {
      border: 1px solid var(--line);
      background: var(--panel);
      border-radius: 8px;
      padding: 18px;
    }
    .article {
      display: grid;
      grid-template-columns: minmax(220px, .42fr) minmax(0, .58fr);
      gap: 28px;
      align-items: start;
    }
    .article--wide {
      grid-template-columns: minmax(240px, .34fr) minmax(0, .66fr);
    }
    .article__header h2 { margin-bottom: 0; }
    .prose {
      color: var(--soft);
      font-size: 1.02rem;
    }
    .prose--rich {
      font-size: 1.06rem;
      line-height: 1.72;
    }
    .prose p { margin-bottom: 18px; }
    .prose p:last-child { margin-bottom: 0; }
    .fact-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .fact-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fact-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
        var(--panel);
      padding: 18px;
      color: var(--soft);
    }
    .fact-card h3 {
      margin: 0 0 10px;
      color: var(--text);
      font-size: 1.18rem;
      line-height: 1.2;
    }
    .fact-card p { margin: 0; }
    .cast-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }
    .cast-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.035);
      overflow: hidden;
      display: grid;
      grid-template-columns: 86px minmax(0, 1fr);
      min-height: 148px;
    }
    .cast-card img {
      width: 86px;
      height: 100%;
      min-height: 148px;
      object-fit: cover;
      background: #0a0d12;
    }
    .cast-card div { padding: 12px; }
    .cast-card h3 {
      margin: 0 0 5px;
      font-size: 1rem;
      line-height: 1.15;
    }
    .cast-card strong {
      display: block;
      color: var(--acid);
      font-size: .86rem;
      margin-bottom: 8px;
    }
    .cast-card p {
      margin: 0;
      color: var(--muted);
      font-size: .9rem;
      line-height: 1.45;
    }
    .stills-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .still-thumb {
      display: block;
      aspect-ratio: 16 / 10;
      border: 1px solid var(--line);
      border-radius: 8px;
      overflow: hidden;
      background: #080b10;
    }
    .still-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .28s ease, opacity .28s ease;
    }
    .still-thumb:hover img {
      transform: scale(1.035);
      opacity: .88;
    }
    .still-overlay {
      position: fixed;
      inset: 0;
      z-index: 100;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 28px;
      background: rgba(2,3,4,.88);
      backdrop-filter: blur(12px);
    }
    .still-overlay:target { display: flex; }
    .still-overlay__bg {
      position: absolute;
      inset: 0;
    }
    .still-overlay__image {
      position: relative;
      z-index: 1;
      max-width: min(1120px, 94vw);
      max-height: 88vh;
      width: auto;
      height: auto;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: #020304;
      box-shadow: 0 24px 80px rgba(0,0,0,.55);
      object-fit: contain;
    }
    .still-overlay__close {
      position: fixed;
      z-index: 2;
      top: 18px;
      right: 18px;
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(5,6,9,.88);
      color: var(--text);
      font-size: 2rem;
      line-height: 1;
    }
    .still-overlay__close:hover {
      border-color: rgba(214,251,65,.48);
      color: var(--acid);
    }
    .feature-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .feature-panel {
      min-height: 210px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background:
        linear-gradient(145deg, rgba(214,251,65,.08), rgba(125,211,252,.035) 46%, rgba(255,255,255,.025)),
        var(--panel);
      padding: 18px;
    }
    .feature-panel h3 {
      margin: 12px 0 10px;
      font-size: 1.28rem;
      line-height: 1.14;
    }
    .quote-band {
      border-left: 3px solid var(--acid);
      background: rgba(214,251,65,.08);
      padding: 22px;
      color: var(--soft);
      border-radius: 0 8px 8px 0;
    }
    .quote-band strong {
      display: block;
      color: var(--acid);
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: .08em;
      font-size: .78rem;
    }
    .quote-band p { margin-bottom: 0; }
    .media-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .media-tile {
      min-height: 210px;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: #080b10;
      isolation: isolate;
    }
    .media-tile::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background: var(--tile-img) center/cover no-repeat;
      filter: saturate(.84) contrast(1.08);
    }
    .media-tile::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(180deg, rgba(5,6,9,.08), rgba(5,6,9,.9));
    }
    .media-tile span {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 14px;
      color: var(--text);
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .08em;
      font-size: .78rem;
    }
    .editorial-list {
      display: grid;
      gap: 12px;
      color: var(--soft);
    }
    .editorial-list p {
      margin: 0;
      border-top: 1px solid var(--line);
      padding-top: 12px;
    }
    .editorial-list--large {
      gap: 16px;
      color: var(--soft);
      line-height: 1.68;
    }
    .editorial-list strong { color: var(--text); }
    .stat-panel {
      position: sticky;
      top: 86px;
    }
    .stat-panel__num {
      display: block;
      color: var(--acid);
      font-size: 4rem;
      line-height: .9;
      font-weight: 900;
    }
    .source-panel {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      padding: 18px;
      display: grid;
      grid-template-columns: minmax(220px, .36fr) minmax(0, .64fr);
      gap: 18px;
      align-items: start;
    }
    .source-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .source-list a {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 9px 11px;
      color: var(--soft);
      background: rgba(255,255,255,.035);
      font-size: .92rem;
    }
    .source-list a:hover {
      color: var(--text);
      border-color: rgba(214,251,65,.38);
    }
    .episode-list {
      display: grid;
      gap: 10px;
    }
    .episode {
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.035);
      border-radius: 8px;
      padding: 12px;
    }
    .episode.is-current {
      border-color: rgba(214,251,65,.48);
      background: rgba(214,251,65,.075);
    }
    .episode__num {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      background: rgba(214,251,65,.12);
      color: var(--acid);
      font-weight: 900;
    }
    .player-box {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #020304;
      overflow: hidden;
    }
    .player-frame {
      display: none;
      aspect-ratio: 100 / 62;   /* высота как у .fullstory-player .viewer-frame на kinogo.fi (padding-top:62%) */
      background: #020304;
    }
    .player-frame.is-active { display: block; }
    .player-frame iframe {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      background: #020304;
    }
    @media (max-width: 768px) {
      /* мобильная высота эталона kinogo.fi: min(72vh,520px), не ниже 300px */
      .player-frame { aspect-ratio: auto; height: min(72vh, 520px); min-height: 300px; }
    }
    .player-controls {
      margin-top: 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.035);
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
    }
    .player-switch {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
    }
    .player-switch .btn.is-active {
      border-color: rgba(214,251,65,.56);
      color: var(--acid);
      background: rgba(214,251,65,.1);
    }
    /* Обезличенные табы «▶ N» (14.09.2026). .btn{display:inline-flex} перебивал [hidden] —
       пустой по noData таб оставался на экране и занимал бы номер. */
    .player-switch { counter-reset: pn; }
    .player-switch .btn { counter-increment: pn; }
    .player-switch .btn[hidden] { display: none; }
    .pn-n::before { content: counter(pn); }
    .pn-ico { width: 8px; height: 10px; background: currentColor; clip-path: polygon(0 0, 100% 50%, 0 100%); }
    .voice-control {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--soft);
    }
    .voice-control[hidden] { display: none; }
    .voice-control span {
      color: var(--muted);
      font-size: .9rem;
      text-transform: uppercase;
      letter-spacing: .08em;
    }
    .voice-control strong {
      color: var(--soft);
      font-size: .95rem;
    }
    .voice-control select {
      min-height: 40px;
      max-width: min(320px, 72vw);
      border: 1px solid var(--line);
      border-radius: 8px;
      color: var(--text);
      background: #070a10;
      padding: 8px 34px 8px 10px;
    }
    .player-empty {
      aspect-ratio: 16/9;
      border: 1px solid var(--line);
      border-radius: 8px;
      background:
        linear-gradient(135deg, rgba(214,251,65,.12), rgba(125,211,252,.08)),
        #020304;
      display: grid;
      place-items: center;
      align-content: center;
      gap: 8px;
      padding: 24px;
      text-align: center;
      overflow: hidden;
    }
    .player-empty strong { color: var(--text); font-size: 1.2rem; }
    .player-empty span { color: var(--muted); max-width: 520px; }
    .episode-primer {
      margin-top: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background:
        linear-gradient(145deg, rgba(214,251,65,.07), rgba(125,211,252,.035)),
        var(--panel);
      display: grid;
      grid-template-columns: minmax(180px, .36fr) minmax(0, .64fr);
      gap: 16px;
      padding: 16px;
      align-items: start;
    }
    .episode-primer img {
      width: 100%;
      aspect-ratio: 16/10;
      object-fit: cover;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: #080b10;
    }
    .episode-primer h2 {
      margin: 8px 0 10px;
      font-size: clamp(1.4rem, 2vw, 2rem);
    }
    .episode-primer p {
      color: var(--soft);
      line-height: 1.62;
      margin-bottom: 14px;
    }
    .episode-facts {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
    }
    .episode-facts span,
    .rating-strip div,
    .emotion-grid span {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.04);
      padding: 10px;
    }
    .episode-facts strong,
    .rating-strip strong {
      display: block;
      color: var(--text);
      line-height: 1.1;
    }
    .episode-facts small,
    .rating-strip small {
      display: block;
      margin-top: 5px;
      color: var(--muted);
      font-size: .82rem;
    }
    .rating-strip {
      margin-top: 10px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .rating-strip span {
      display: block;
      color: var(--muted);
      font-size: .78rem;
      text-transform: uppercase;
      letter-spacing: .1em;
      margin-bottom: 4px;
    }
    .rating-strip strong {
      color: var(--acid);
      font-size: 1.35rem;
      font-weight: 900;
    }
    .emotion-grid {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }
    .emotion-grid span {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      color: var(--soft);
      font-weight: 760;
    }
    .comment-list {
      display: grid;
      gap: 10px;
      margin: 14px 0;
    }
    .comment-item {
      border-top: 1px solid var(--line);
      padding-top: 12px;
      color: var(--soft);
    }
    .comment-item strong {
      display: block;
      color: var(--text);
      margin-bottom: 6px;
    }
    .comment-item p { margin-bottom: 0; }
    .comment-form {
      margin-top: 16px;
      display: grid;
      gap: 10px;
    }
    .comment-form label {
      display: grid;
      gap: 7px;
      color: var(--soft);
    }
    .comment-form textarea {
      width: 100%;
      min-height: 112px;
      resize: vertical;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #070a10;
      color: var(--text);
      padding: 11px 12px;
      line-height: 1.5;
    }
    .comment-form textarea:focus {
      outline: 2px solid rgba(214,251,65,.34);
      outline-offset: 2px;
    }
    .btn:disabled {
      cursor: not-allowed;
      opacity: .55;
    }
    .watch-tools {
      margin-top: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: linear-gradient(145deg, rgba(214,251,65,.075), rgba(125,211,252,.04)), var(--panel);
      padding: 16px;
      display: grid;
      gap: 14px;
    }
    .watch-tools strong {
      display: block;
      margin-top: 8px;
      font-size: 1.12rem;
    }
    .watch-tools p { margin: 5px 0 0; }
    .watch-actions {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }
    .watch-toggle {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 9px 12px;
      color: var(--soft);
      background: rgba(255,255,255,.035);
      cursor: pointer;
      user-select: none;
    }
    .watch-toggle input {
      width: 18px;
      height: 18px;
      accent-color: var(--acid);
    }
    .next-countdown {
      border-top: 1px solid var(--line);
      padding-top: 12px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      color: var(--soft);
    }
    .next-countdown[hidden] { display: none; }
    .next-countdown strong { display: inline; color: var(--acid); }
    .form-box {
      width: min(520px, calc(100vw - 32px));
      margin: 46px auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      padding: 24px;
    }
    .form-box h1 { margin-bottom: 14px; font-size: clamp(2.25rem, 8vw, 3.6rem); }
    .auth-copy { color: var(--muted); margin: 0 0 18px; }
    .form-box label { display: grid; gap: 7px; margin: 12px 0; color: var(--soft); }
    .form-box input {
      width: 100%;
      min-height: 44px;
      border: 1px solid var(--line);
      border-radius: 8px;
      color: var(--text);
      background: #070a10;
      padding: 10px 12px;
    }
    .notice {
      border-radius: 8px;
      padding: 10px 12px;
      margin: 12px 0;
    }
    .notice--error { background: rgba(251,113,133,.12); color: #fecdd3; }
    .notice--ok { background: rgba(214,251,65,.12); color: #ecfccb; }
    .footer {
      padding: 28px 0;
      color: var(--muted);
      position: relative;
      z-index: 1;
    }
    @media (max-width: 780px) {
      .topbar__inner { min-height: 58px; gap: 10px; }
      .brand { font-size: .92rem; }
      .nav a, .nav button { padding-inline: 8px; font-size: .82rem; }
      .nav .hide-sm { display: none; }
      .hero { min-height: 620px; }
      .hero__content { padding: 76px 0 44px; }
      .grid, .split, .article, .article--wide, .feature-grid, .media-strip, .fact-grid, .fact-grid--two, .cast-grid, .stills-grid, .source-panel, .episode-primer, .episode-facts, .rating-strip { grid-template-columns: 1fr; }
      .section__head { display: block; }
      .stat-panel { position: static; }
      .episode { grid-template-columns: 44px minmax(0, 1fr); }
      .episode .btn { grid-column: 1 / -1; }
      .watch-actions, .next-countdown, .player-controls, .player-switch, .voice-control { align-items: stretch; }
      .watch-actions > *, .next-countdown > *, .player-switch > *, .voice-control, .voice-control select { width: 100%; }
    }