.tv-station{display:grid;grid-template-columns:minmax(230px,360px) minmax(0,1fr);gap:30px;align-items:center;max-width:850px;margin:0 auto 30px}.tv-screen{position:relative;background:#12291e;border:8px solid #183b2a;border-radius:22px;box-shadow:6px 7px 0 #b0b9a4;overflow:hidden;aspect-ratio:9/16}.tv-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#080c09}.tv-on-air{position:absolute;top:12px;right:12px;pointer-events:none;color:#eafe9a;background:#173925c9;padding:5px 8px;border-radius:4px;font:700 10px monospace}.tv-console h3{font-size:36px;line-height:1.03;margin:10px 0 14px}.tv-console #tv-caption{font-size:14px;line-height:1.6;max-width:440px}.tv-buttons{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:8px;margin:22px 0 18px}.tv-buttons button{border:1px solid #1d3f2a;border-radius:7px;min-height:46px;padding:10px 8px;background:#fffdf1;color:#153620;font:700 11px monospace;cursor:pointer}.tv-buttons #tv-play{background:#203e29;color:#ecffa8}.tv-buttons #tv-shuffle{grid-column:1/-1;background:#d7ec9d}.tv-buttons button:disabled{opacity:.4;cursor:default}.tv-picker-label{display:block;font:700 10px monospace;margin-bottom:7px}#tv-picker{width:100%;min-height:46px;border:1px solid #526c4f;border-radius:6px;background:#fffdf1;color:#153620;padding:10px;font-size:13px}#tv-status{min-height:36px;font-size:11px;line-height:1.5;margin:12px 0}.tv-smallprint{font-size:10px!important;line-height:1.6!important;opacity:.75;margin-top:20px!important}.tv-console .film-download{display:inline-block;padding:12px 0}.tv-buttons button:focus-visible,#tv-picker:focus-visible{outline:3px solid #547f2a;outline-offset:3px}@media(max-width:700px){.tv-station{grid-template-columns:1fr;gap:20px;max-width:440px}.tv-screen{width:min(100%,290px);margin:auto;border-width:6px}.tv-console h3{font-size:29px}.tv-console #tv-caption{font-size:12px;line-height:1.5}.tv-console .eyebrow{margin-bottom:7px}.tv-buttons{margin:14px 0}.tv-smallprint{margin-top:10px!important}.tv-console .film-download{font-size:11px}.pine-tv .section-top{margin-bottom:18px}}@media(max-width:360px){.tv-screen{width:245px;max-width:100%}.tv-buttons{gap:5px}.tv-buttons button{font-size:10px}}
/* Mobile TV: keep the complete video and transport buttons in one viewport. */
@media (max-width:700px) {
  #pine-tv { padding:10px; margin-block:8px; scroll-margin-top:60px; }
  #pine-tv .tv-masthead { display:none; }
  #pine-tv .section-top { margin:0 0 8px; }
  #pine-tv .section-top .eyebrow { margin:0 0 3px; font-size:8px; }
  #pine-tv h2 { font-size:25px; line-height:1; margin:0; }
  #pine-tv .tv-station { gap:8px; margin-bottom:14px; max-width:440px; }
  #pine-tv .tv-screen {
    width:100%; max-width:100%; margin:0; aspect-ratio:auto;
    height:clamp(120px,calc(100vh - 270px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),440px);
    height:clamp(120px,calc(100dvh - 270px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),440px);
    border-width:4px; border-radius:12px; box-shadow:3px 3px 0 #b0b9a4;
  }
  #pine-tv .tv-screen video { width:100%; height:100%; object-fit:contain; }
  #pine-tv .tv-on-air { top:6px; right:6px; font-size:8px; padding:3px 5px; }
  #pine-tv .tv-console { display:flex; flex-direction:column; min-width:0; }
  #pine-tv .tv-buttons { order:-1; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin:0 0 9px; }
  #pine-tv .tv-buttons button { min-width:0; min-height:44px; padding:8px 3px; font-size:10px; }
  #pine-tv .tv-buttons #tv-shuffle { grid-column:auto; font-size:0; }
  #pine-tv .tv-buttons #tv-shuffle::after { content:'↝ MIX'; font:700 10px monospace; }
  #pine-tv .tv-console .eyebrow { font-size:8px; margin:0 0 3px; }
  #pine-tv .tv-console h3 { font-size:22px; line-height:1.1; margin:0 0 5px; }
  #pine-tv #tv-caption { font-size:11px; line-height:1.35; margin:0 0 8px; }
  #pine-tv #tv-picker { min-height:44px; }
  #pine-tv .tv-picker-label { margin:0 0 4px; }
  #pine-tv #tv-status { min-height:0; margin:7px 0; }
  #pine-tv .tv-smallprint { margin:8px 0 0!important; }
}
@media(max-width:700px){body:has(#pine-tv:not([hidden])) #bottle-rain{display:none}}