/* A restrained hand-built retro TV homage. Video pixels are never cropped. */
.reader-tv { flex:0 0 auto; height:54px; min-height:54px; overflow:hidden; position:relative; z-index:10; border-top:1px solid #ded6c8; background:#f4f0e7; transition:height 440ms cubic-bezier(.2,.75,.2,1); }
.reader-tv.is-tv-dragging { transition:none; user-select:none; }
.reader-tv-handle { position:relative; display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:54px; padding:14px 18px 8px; border:0; background:transparent; color:#182641; font:inherit; font-size:.88rem; cursor:grab; touch-action:none; user-select:none; }
.reader-tv.is-tv-dragging .reader-tv-handle { cursor:grabbing; }
.reader-tv-handle:hover { background:#eae4d8; }
.reader-tv-handle:focus-visible { outline:2px solid #8c739e; outline-offset:-4px; }
.reader-tv-grip { position:absolute; width:38px; height:3px; border-radius:5px; background:#a49172; top:6px; left:calc(50% - 19px); }
.reader-tv-icon { width:23px; height:18px; display:grid; place-items:center; border:2px solid #7a638b; border-radius:5px; color:#7a638b; font-size:10px; line-height:1; }
.reader-tv-chevron { transform:rotate(calc(var(--tv-progress,0)*180deg)); font-size:1.1rem; margin-left:4px; }
.reader-tv-invite { display:flex; flex-direction:column; gap:1px; text-align:left; line-height:1.2; }
.reader-tv-label { font-weight:600; }
.reader-tv-instruction { color:#6a6257; font-size:.72rem; font-weight:400; }
.tv-touch-instruction { display:none; }
@media (pointer:coarse), (max-width:600px) {
 .tv-desktop-instruction { display:none; }
 .tv-touch-instruction { display:inline; }
}
.reader-tv-stage { position:relative; height:var(--tv-depth,340px); padding:18px 13px 16px; background:linear-gradient(#eee8dc,#e4ddce); }
.reader-tv-set { position:relative; height:100%; display:grid; grid-template-columns:minmax(0,1fr) 25px; gap:9px; padding:10px 9px 12px 12px; background:#82639c; border:2px solid #40314e; border-radius:18px 21px 17px 14px; box-shadow:inset 0 3px 0 #b193c8,inset 0 -5px 0 #604876,0 4px 0 #71866d,0 6px 10px #14213b25; }
.reader-tv-screen { position:relative; height:100%; min-height:0; min-width:0; display:grid; place-items:center; overflow:hidden; background:#0c121c; border:3px solid #47364f; border-radius:15px 17px 14px 14px; box-shadow:0 1px 0 #c6adcf; }
.reader-tv-screen video { display:block; width:100%; height:100%; min-height:0; max-height:100%; object-fit:contain; background:#0c121c; }
.reader-tv-aerial { position:absolute; left:calc(50% - 14px); top:6px; width:28px; height:12px; border:2px solid #44374e; border-radius:50% 50% 0 0; background:#8f769d; }
.reader-tv-aerial i { position:absolute; bottom:7px; width:2px; height:16px; background:#6c5877; transform-origin:bottom; }
.reader-tv-aerial i:first-child { left:8px; transform:rotate(-42deg); }
.reader-tv-aerial i:last-child { right:8px; transform:rotate(36deg); height:13px; }
.reader-tv-speaker { align-self:center; display:flex; flex-direction:column; align-items:center; gap:16px; pointer-events:none; }
.reader-tv-speaker i { width:8px; height:8px; background:#bccd9d; border:1px solid #405843; border-radius:50%; box-shadow:0 0 5px #b7cf9788; }
.reader-tv-speaker span { width:15px; height:48px; background:repeating-linear-gradient(to bottom,#4c3b59 0 2px,transparent 2px 6px); border-radius:3px; }
.reader-tv-status { position:absolute; bottom:22px; left:28px; right:59px; margin:0; padding:9px 12px; background:#fff9edee; border-radius:8px; font-size:.82rem; line-height:1.4; color:#243249; pointer-events:none; }
.reader-tv-status:empty { display:none; }
.reader-tv-context { color:#71567e; font-size:.78rem; margin:4px 0 10px; letter-spacing:.01em; }
.reader-chapter-heading.is-on-tv { border-left:3px solid #9672ab; padding-left:12px; }
.reader-stack-page[data-tv-open="true"] .reader-chapter-heading h2 { font-size:1.08rem; line-height:1.3; }
.reader-stack-page[data-tv-open="true"] .reader-chapter-scene { display:none; }
.reader-stack-page[data-tv-open="true"] .reader-chapter-tools { display:none; }
.reader-stack-page[data-tv-open="true"] .chat-reader-scroll { padding-top:.8rem; }
.has-tv-hint .reader-tv-grip { animation:reader-tv-hint 1600ms 1s ease-in-out 1; }
@keyframes reader-tv-hint { 0%,100% {transform:none;} 40% {transform:translateY(-3px);} 70% {transform:translateY(1px);} }
@media(max-width:540px) {
 .reader-tv-stage { padding-inline:8px; }
 .reader-tv-set { grid-template-columns:minmax(0,1fr) 14px; gap:5px; padding:8px 5px 10px 8px; border-radius:15px; }
 .reader-tv-speaker span { width:9px; }
 .reader-tv-status { left:22px; right:37px; font-size:.78rem; }
 .reader-chapter-heading.is-on-tv { padding-left:8px; }
}
@media(prefers-reduced-motion:reduce) { .reader-tv { transition:none; } .has-tv-hint .reader-tv-grip { animation:none; } }