.tv-section{max-width:1180px;margin:auto;padding:55px 6% 65px}.tv-intro{text-align:center;margin-bottom:32px}.tv-intro h1{font:700 clamp(29px,5.4vw,70px)/1.1 Georgia,serif;letter-spacing:-2px;color:#dfc690;text-shadow:0 2px #806434,0 5px 15px #000;margin:14px 0}.tv-intro h1 em{font-style:normal;color:#f1e5cd;border:1px solid #8c784f;padding:0 8px}.tv-intro>p:last-child{color:#aa9caa;line-height:1.8;font-size:14px}.television{display:grid;grid-template-columns:minmax(0,1fr) 100px;position:relative;border:2px solid #6d6253;border-radius:30px;padding:23px 22px 42px;background:linear-gradient(120deg,#484039 0%,#211f20 30%,#101012 70%,#3b3532);box-shadow:0 26px 65px #000b,inset 1px 1px 4px #e0c8a055,inset -4px -5px 10px #000;max-width:900px;margin:auto}.tv-bezel{padding:12px;border-radius:46% / 9%;background:#080808;box-shadow:inset 0 0 12px #000,0 1px 2px #aaa5;min-width:0}.tv-screen{position:relative;aspect-ratio:4/3;overflow:hidden;background:#080909;border-radius:43% / 7%;box-shadow:inset 0 0 45px #000}.tv-face,#tv-video{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;background:#080909;opacity:0;transition:opacity .7s}.tv-face{object-fit:cover;object-position:center 15%;filter:grayscale(1)}.television.on .tv-face{opacity:1}.television.playing #tv-video{opacity:1}.television.playing .tv-face{opacity:0}#tv-static{position:absolute;inset:0;width:100%;height:100%;opacity:.12;image-rendering:pixelated}.television.on #tv-static{opacity:0}.television.tuning #tv-static{opacity:.8}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0px,#0002 1px,transparent 1px,transparent 4px);box-shadow:inset 0 0 45px 10px #0009}.screen-channel{position:absolute;top:22px;left:25px;color:#c9dbbd;font:12px monospace;opacity:0}.television.on .screen-channel{opacity:.8}.tv-standby{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#aab2a1;letter-spacing:4px;text-shadow:0 0 15px #c1d5a466}.tv-standby p{font:clamp(14px,2vw,25px)/1.5 Georgia;letter-spacing:4px}.tv-standby>span:last-child{font:9px monospace;letter-spacing:2px}.standby-cross{font-size:42px}.television.on .tv-standby,.television.tuning .tv-standby{display:none}.tv-hardware{display:flex;flex-direction:column;align-items:center;gap:24px;padding:18px 0 0 15px}.dial{width:62px;height:62px;border-radius:50%;background:repeating-conic-gradient(#666 0 2deg,#222 2deg 10deg);border:5px solid #161516;box-shadow:0 4px 8px #000,inset 0 0 0 8px #35312e;position:relative}.dial:after{content:'';position:absolute;left:25px;top:5px;height:30px;width:4px;background:#ad9b7b;transform:rotate(25deg)}.hardware-label{text-align:center;font:8px/1.8 Georgia;color:#b6a282;letter-spacing:1px}.hardware-label b{font:6px Arial;letter-spacing:2px}.speaker{width:62px;flex:1;min-height:65px;max-height:180px;background:repeating-linear-gradient(0deg,#080809 0 3px,#49413b 3px 5px);border:4px solid #242120;border-radius:4px}.power-light{width:6px;height:6px;background:#482d27;border-radius:50%}.on .power-light,.tuning .power-light{background:#c9a76b;box-shadow:0 0 10px #daa953}.tv-brand{position:absolute;bottom:16px;left:40px;right:40px;font:9px Georgia;letter-spacing:3px;color:#c0a67d}.tv-brand span{float:right;font:7px Arial;color:#796c5c;letter-spacing:2px}.tv-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:28px auto 10px;flex-wrap:wrap}.tv-controls .button{border-radius:2px}.tv-small-button{background:transparent;color:#bdafbf;border:1px solid #67546d;padding:12px;font-size:11px}.tv-small-button:disabled{opacity:.35}.tv-small-button:hover:not(:disabled){border-color:#d0b47b}.tv-controls button:focus-visible,.broadcast-card:focus-visible{outline:2px solid #e0c68c;outline-offset:4px}.tv-status{text-align:center;color:#a89ca6;font-size:12px;min-height:36px;line-height:1.6}.broadcast-heading{margin:55px 0 23px}.broadcast-heading h2{font:32px Georgia;color:#e9dece;margin:10px 0}.broadcast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.broadcast-card{display:flex;flex-direction:column;gap:16px;align-items:flex-start;text-align:left;background:linear-gradient(130deg,#29212c,#141016);border:1px solid #64516c;padding:24px 20px;color:#a99bab;cursor:pointer}.broadcast-card:hover,.broadcast-card[aria-pressed=true]{border-color:#bda372;background:linear-gradient(130deg,#3c2e3e,#1c1620)}.broadcast-number{font:8px Arial;letter-spacing:1.5px;color:#bda372}.broadcast-card strong{font:25px Georgia;color:#ecdfcd}.broadcast-card>span:not(.broadcast-number){font:12px/1.8 Arial}.broadcast-card b{font:8px Arial;letter-spacing:1.5px;color:#c9ad7b;margin-top:auto}.next-broadcast{text-align:center;font:italic 14px Georgia;color:#9b8a9e;margin-top:30px}@media(max-width:700px){.tv-section{padding:30px 5% 45px}.tv-intro h1{letter-spacing:-1px}.television{grid-template-columns:minmax(0,1fr) 48px;padding:12px 10px 32px;border-radius:18px}.tv-bezel{padding:6px}.tv-hardware{padding:10px 0 0 8px;gap:14px}.dial{width:33px;height:33px;border-width:3px;box-shadow:0 3px 6px #000,inset 0 0 0 5px #35312e}.dial:after{height:16px;left:12px;top:2px;width:3px}.hardware-label{font-size:5px;letter-spacing:0}.hardware-label b{font-size:4px;letter-spacing:.4px}.speaker{width:28px;min-height:35px;border:2px solid #242120}.tv-brand{left:25px;right:20px;bottom:12px;font-size:7px;letter-spacing:1px}.tv-brand span{font-size:5px;letter-spacing:1px}.tv-standby p{letter-spacing:2px}.standby-cross{font-size:25px}.tv-standby>span:last-child{font-size:7px}.screen-channel{font-size:9px;top:12px;left:15px}.broadcast-grid{grid-template-columns:1fr}.tv-controls{gap:8px}.tv-small-button{font-size:10px;padding:10px}}
@media(prefers-reduced-motion:reduce){.tv-face,#tv-video{transition:none}.scanlines{display:none}}
.television.playing .scanlines{pointer-events:none;z-index:0}.television.playing #tv-video{z-index:1}.television.playing .screen-channel{z-index:2;pointer-events:none}.television.playing #tv-static{pointer-events:none}
.tv-channels{margin:25px auto 0;text-align:center}.tv-channels>span{display:block;font:9px Arial,sans-serif;letter-spacing:3px;color:#baa379;margin-bottom:14px}.tv-channels>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tv-channels button{padding:13px 19px;min-height:44px;border:1px solid #8b7651;border-radius:3px;background:linear-gradient(#302a24,#171315);color:#e4d2ae;font:700 12px Georgia,serif;box-shadow:0 3px 0 #080708}.tv-channels button:hover,.tv-channels button[aria-pressed=true]{background:linear-gradient(#b19762,#695638);color:#fff5df;border-color:#e1c898}.tv-channels button:focus-visible{outline:2px solid #f2dfb4;outline-offset:4px}@media(max-width:500px){.tv-channels>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tv-channels button{padding:12px}}
.broadcast-card{padding:0 0 23px;gap:14px;overflow:hidden;min-width:0}.broadcast-card>.broadcast-number,.broadcast-card>strong,.broadcast-card>span:not(.broadcast-thumb),.broadcast-card>b{margin-left:20px;margin-right:20px}.broadcast-card>.broadcast-thumb{display:block;width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;margin:0;background:#09080c;font-size:inherit;line-height:normal}.broadcast-thumb img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1) brightness(.95);transition:transform .3s ease}.broadcast-thumb.dark-thumb img{filter:grayscale(1) brightness(2.1) contrast(1.05)}.broadcast-thumb.portrait-thumb img{object-position:center 20%}.broadcast-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08070bf2,transparent 85%),linear-gradient(90deg,#08070b66,transparent 75%);pointer-events:none}.thumb-badge,.thumb-play,.thumb-title,.thumb-station{position:absolute;z-index:1}.thumb-badge{top:12px;left:13px;padding:5px 8px;border:1px solid #bca16b;background:#100c17cf;color:#f0d69d;font:700 8px Arial,sans-serif;letter-spacing:1.2px}.thumb-play{top:14px;right:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #f2dca699;background:#100c1777;color:#f6e6c3;font:11px Arial,sans-serif;padding-left:2px}.thumb-title{bottom:28px;left:15px;right:12px;color:#f2dfaf;font:700 clamp(20px,2.2vw,29px)/.95 Georgia,serif;letter-spacing:-.7px;text-shadow:0 1px #7b653d,0 3px 8px #000}.thumb-station{bottom:12px;left:16px;color:#c3b49b;font:6px Arial,sans-serif;letter-spacing:2.5px}.broadcast-card:hover .broadcast-thumb img{transform:scale(1.035)}.broadcast-card[aria-pressed=true] .thumb-badge{background:#c5a469;color:#171018}.broadcast-card[aria-pressed=true] .thumb-play{background:#c5a469;color:#171018}@media(max-width:900px) and (min-width:701px){.broadcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.thumb-title{font-size:clamp(27px,7vw,42px);bottom:35px;left:20px}.thumb-badge{left:20px;top:16px;font-size:9px}.thumb-station{left:21px;bottom:16px;font-size:7px}.thumb-play{width:34px;height:34px;top:16px;right:18px}}@media(prefers-reduced-motion:reduce){.broadcast-thumb img{transition:none}.broadcast-card:hover .broadcast-thumb img{transform:none}}
.tv-watermark{position:absolute;inset:66% 0 auto;z-index:3;overflow:hidden;pointer-events:none;opacity:0;white-space:nowrap;background:#0002;color:#fff9;font:700 clamp(9px,1.2vw,14px)/2 Arial,sans-serif;text-shadow:1px 1px 2px #000}.tv-watermark span{display:inline-block;width:max-content;animation:tv-watermark-scroll 22s linear infinite}.television.on .tv-watermark{opacity:1}.television.watermark-baked .tv-watermark{opacity:0}@keyframes tv-watermark-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.tv-watermark span{animation:none}}
