.article .strefa-tv{position:relative;width:min(100%,675px);margin:20px auto;line-height:1;container-type:inline-size}
.article .strefa-tv>img{display:block;width:100%;height:auto;max-height:none;margin:0}
.tv-screen{position:absolute;left:24.8%;top:19.9%;width:41.4%;height:38.6%;border-radius:7% / 6%;overflow:hidden;background:radial-gradient(ellipse,#210606,#070606 75%);color:#ff242b;box-shadow:inset 0 0 15px #ff11113b;isolation:isolate;animation:tv-warm-glow 5s ease-in-out infinite alternate}
.tv-channel{position:absolute;left:7%;top:6%;font-size:2cqw;font-weight:900;color:#d4e5ef;text-shadow:1px 0 #fa2533,-1px 0 #60b2e2;z-index:3}
.tv-program{position:absolute;inset:12% 0 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw}
.article .tv-program img{width:38%;height:auto;max-height:none;margin:0;filter:hue-rotate(-30deg) saturate(4);mix-blend-mode:screen;animation:tv-logo-turn 20s linear infinite}
.tv-program strong{font-size:4.2cqw;letter-spacing:.3cqw;text-shadow:0 0 9px #ff111177}.tv-program>span{font-size:1.1cqw;letter-spacing:.2cqw}.tv-program small{font-size:.8cqw;letter-spacing:.1cqw;color:#fa6565}
.tv-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0006 0 1px,transparent 1px 3px);z-index:4}
.tv-scan{position:absolute;inset:-20% 0 auto;height:18%;background:linear-gradient(transparent,#f763631f,transparent);z-index:5;animation:tv-scan-travel 7s linear infinite}
.tv-noise{position:absolute;inset:-8%;background:repeating-linear-gradient(17deg,#fff2 0 1px,transparent 1px 7px),repeating-linear-gradient(94deg,#ffffff12 0 1px,transparent 1px 11px);mix-blend-mode:screen;opacity:.2;z-index:3;animation:tv-noise-shift 1.2s steps(6) infinite}
.article .tv-power{display:block;margin:15px auto 28px;background:#17191b;color:#ddd;border:1px solid #ffffff30;border-radius:5px;padding:10px 16px;font-size:12px;cursor:pointer}
.strefa-tv[data-power=off] .tv-screen{background:#050505;box-shadow:none;animation:none}.strefa-tv[data-power=off] .tv-screen>*{display:none}.strefa-tv[data-power=off] .tv-screen:after{display:none}
@keyframes tv-logo-turn{to{transform:rotate(360deg)}}
@keyframes tv-scan-travel{to{transform:translateY(750%)}}
@keyframes tv-noise-shift{to{transform:translate3d(4%,3%,0)}}
@keyframes tv-warm-glow{from{box-shadow:inset 0 0 15px #ff11112b}to{box-shadow:inset 0 0 25px #ff111155}}
body[data-animations=off] .tv-screen *,body[data-animations=off] .tv-screen{animation-play-state:paused!important}