.tv{--screen-h:min(54dvh, 72vw);--wood-1:#6a4426;--wood-2:#4a2c16;--wood-3:#2c1809;--wood-edge:#1a0d04;--brass:#caa15e;--brass-bright:#f0d49a;--brass-deep:#7a5a28;--phosphor:#ffb24a;flex-direction:column;align-items:center;animation:.7s cubic-bezier(.2,.7,.2,1) both tv-arrive;display:flex;position:relative}@keyframes tv-arrive{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.tv__aerial{z-index:1;height:clamp(50px,11dvh,100px);margin-bottom:-14px;line-height:0;position:relative}.tv__aerial svg{filter:drop-shadow(0 5px 6px #341c0a38);width:auto;height:100%;display:block}.tv__feet{z-index:1;justify-content:space-between;width:74%;margin-top:-10px;line-height:0;display:flex;position:relative}.tv__foot{filter:drop-shadow(0 4px 5px #341c0a40);width:clamp(26px,3.4vw,40px);display:block}.tv__foot svg{width:100%;height:auto;display:block}.tv__foot--left{transform-origin:top;transform:rotate(-9deg)}.tv__foot--right{transform-origin:top;transform:rotate(9deg)}.tv__cabinet{z-index:2;background: radial-gradient(120% 60% at 30% -10%, #ffe0b22e, transparent 60%),  repeating-linear-gradient(92deg, #1a0d0400 0px, #1a0d0400 5px, #1a0d0429 6px, #7850280d 9px, #1a0d0400 13px), linear-gradient(150deg, var(--wood-1) 0%, var(--wood-2) 45%, var(--wood-3) 100%);box-shadow:inset 0 2px 0 #ffdcaa47, inset 0 -3px 8px #0009, inset 0 0 0 1px #00000059, 0 2px 0 2px var(--wood-edge),  0 50px 90px -28px #341c0a8c, 0 22px 45px -18px #341c0a66, 0 6px 14px -6px #2816084d;border-radius:20px;gap:clamp(14px,2vw,26px);padding:clamp(16px,2.4vw,30px);display:flex;position:relative}.tv__bezel{background:linear-gradient(160deg,#241712,#120a06 70%);border-radius:18px;padding:clamp(10px,1.4vw,18px);box-shadow:inset 0 1px 1px #ffffff0f,inset 0 0 0 1px #000000b3,inset 0 0 22px #000c}.tv__screen{height:var(--screen-h);aspect-ratio:8/11;background:#070503;border-radius:8% 8% 9% 9%/6% 6% 7% 7%;flex-direction:column;max-width:84vw;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #000000e6,inset 0 0 60px 8px #0000008c,0 0 22px #ff963c12}.tv__pic{background:#070503;flex:auto;min-height:0;display:flex;position:relative}.tv__poster{object-fit:contain;filter:saturate(1.05)contrast(1.02);width:100%;height:100%;animation:4.5s step-end infinite tv-flicker,3.8s ease-out backwards tv-reveal}.tv__static{pointer-events:none;border-radius:inherit;mix-blend-mode:overlay;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;animation:.55s steps(5,end) infinite tv-static-move,5.5s ease-in-out infinite tv-static-flicker;position:absolute;inset:0}@keyframes tv-static-move{0%{background-position:0 0}to{background-position:-130px 90px}}@keyframes tv-static-flicker{0%,to{opacity:.08}18%{opacity:.16}33%{opacity:.1}52%{opacity:.19}68%{opacity:.09}84%{opacity:.14}}.tv__chyron{height:clamp(30px,4.6dvh,46px);font-family:var(--font-osd), ui-monospace, monospace;color:#cdbcf9;text-shadow:0 0 6px #bea0fff2,0 0 14px #966eff8c;background:linear-gradient(#0d0904,#050301);border-top:1px solid #bea5ff33;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:0 clamp(8px,1.4vw,14px);animation:3.8s ease-out both tv-reveal;display:flex}@keyframes tv-flicker{0%,96%,to{opacity:1}97%{opacity:.94}98%{opacity:.99}}@keyframes tv-reveal{0%,56%{opacity:0}61%{opacity:.7}65%{opacity:.18}72%{opacity:.9}78%{opacity:.4}86%{opacity:.85}to{opacity:1}}.tv__osd-tag{letter-spacing:.04em;opacity:.9;flex:none;font-size:clamp(13px,1.7vw,19px)}.tv__osd-msg{letter-spacing:.02em;white-space:nowrap;font-size:clamp(14px,1.9vw,21px);line-height:1}.tv__caret{margin-left:2px;animation:1s step-end infinite tv-blink;display:inline-block}@keyframes tv-blink{0%,50%{opacity:1}51%,to{opacity:0}}.tv__crt{pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;background:radial-gradient(130% 130%,#0000 55%,#0000008c 100%),repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}.tv__glare{pointer-events:none;border-radius:inherit;background:linear-gradient(122deg,#ffffff1f 0%,#ffffff0a 18%,#0000 42%);position:absolute;inset:0}.tv__scan{pointer-events:none;background:linear-gradient(#0000,#ffdcaa0f 50%,#0000);height:28%;animation:7s linear infinite tv-roll;position:absolute;left:0;right:0}@keyframes tv-roll{0%{transform:translateY(-120%)}to{transform:translateY(420%)}}.tv__poweron{pointer-events:none;transform-origin:50%;background:#fff;animation:1s ease-out forwards tv-poweron;position:absolute;inset:0}@keyframes tv-poweron{0%{opacity:1;transform:scaleX(1.4)scaleY(.005)}12%{opacity:1;transform:scaleX(1)scaleY(.005)}30%{opacity:1;transform:scaleY(1)}44%{opacity:.85;transform:scaleY(1)}72%{opacity:0;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.tv__scramble{pointer-events:none;border-radius:inherit;background-blend-mode:screen;opacity:0;background-color:#0b0805;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:.16s steps(3,end) infinite tv-scramble-move,3.8s linear forwards tv-scramble-life;position:absolute;inset:0}@keyframes tv-scramble-move{0%{background-position:0 0}to{background-position:200px -260px}}@keyframes tv-scramble-life{0%,18%{opacity:0}24%{opacity:1}58%{opacity:1}64%{opacity:.45}68%{opacity:.85}74%{opacity:.2}80%{opacity:.6}86%{opacity:.12}92%{opacity:.32}to{opacity:0}}.tv__panel{flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,1.8vw,22px);width:clamp(124px,17vw,168px);padding:10px 4px;display:flex}.tv__knobs{gap:clamp(12px,1.6vw,20px);display:flex}.tv__knob{cursor:pointer;flex-direction:column;align-items:center;gap:9px;display:flex}.tv__dial{background:radial-gradient(circle at 38% 32%,#6b4a2b,#3a2410 60%,#1c0f06 100%);border-radius:50%;width:clamp(50px,6.6vw,66px);height:clamp(50px,6.6vw,66px);transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .28s;position:relative;box-shadow:inset 0 2px 3px #ffd29659,inset 0 -3px 6px #000c,0 4px 8px #0000008c,0 0 0 3px #0006,0 0 0 4px #caa15e47}.tv__tick{background:var(--brass-bright);border-radius:2px;width:3px;height:32%;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 5px #f0d49acc}.tv__knob:hover .tv__dial,.tv__knob:focus-visible .tv__dial{box-shadow:inset 0 2px 3px #ffd29666, inset 0 -3px 6px #000c, 0 4px 10px #0009, 0 0 0 3px #0006, 0 0 0 4px var(--brass), 0 0 18px #ffaa4680;outline:none;transform:rotate(40deg)}.tv__knob:active .tv__dial{transform:rotate(40deg)scale(.95)}.tv__knob-label{font-family:var(--font-label), system-ui, sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-bright);font-size:clamp(12px,1.4vw,15px);font-weight:600;transition:color .2s,text-shadow .2s}.tv__knob:hover .tv__knob-label,.tv__knob:focus-visible .tv__knob-label{color:#fff4dc;text-shadow:0 0 12px #ffb450b3}.tv__sound{align-items:center;gap:clamp(10px,1.4vw,16px);display:flex}.tv__play{appearance:none;cursor:pointer;background:radial-gradient(circle at 38% 32%,#6b4a2b,#3a2410 60%,#1c0f06 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(42px,5.4vw,54px);height:clamp(42px,5.4vw,54px);padding:0;transition:box-shadow .26s,transform .16s;display:flex;box-shadow:inset 0 2px 3px #ffd29659,inset 0 -3px 6px #000c,0 4px 8px #0000008c,0 0 0 3px #0006,0 0 0 4px #caa15e47}.tv__play:hover,.tv__play:focus-visible{box-shadow:inset 0 2px 3px #ffd29666, inset 0 -3px 6px #000c, 0 4px 10px #0009, 0 0 0 3px #0006, 0 0 0 4px var(--brass), 0 0 18px #ffaa4680;outline:none}.tv__play:active{transform:scale(.95)}.tv__play.is-playing{box-shadow:inset 0 2px 3px #ffd29666, inset 0 -3px 6px #000c, 0 4px 10px #0009, 0 0 0 3px #0006, 0 0 0 4px var(--brass), 0 0 16px #ffaa4673}.tv__play-icon{display:block;position:relative}.tv__ic-play{border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--brass-bright);filter:drop-shadow(0 0 4px #f0d49a80);width:0;height:0;margin-left:3px;display:block}.tv__ic-pause{border-left:5px solid var(--brass-bright);border-right:5px solid var(--brass-bright);filter:drop-shadow(0 0 4px #f0d49a80);width:14px;height:16px;display:none}.tv__play.is-playing .tv__ic-play{display:none}.tv__play.is-playing .tv__ic-pause{display:block}.tv__speaker{background:repeating-linear-gradient(0deg,#000000b3 0 2px,#78562e73 3px,#3c281433 5px);border-radius:6px;width:100%;height:clamp(46px,8vw,74px);box-shadow:inset 0 0 0 1px #0009,inset 0 1px 2px #ffdcaa2e}.tv__model{font-family:var(--font-label), system-ui, sans-serif;letter-spacing:.3em;color:#caa15e8c;font-size:10px}@media (max-width:720px){.tv{--screen-h:min(52dvh, 86vw)}.tv__cabinet{flex-direction:column;align-items:center}.tv__panel{flex-flow:wrap;gap:16px 22px;width:auto}.tv__speaker,.tv__model{display:none}}@media (max-height:680px){.tv{--screen-h:50dvh}}@media (prefers-reduced-motion:reduce){.tv__poweron,.tv__scramble,.tv__scan{display:none}.tv__poster,.tv__chyron{animation:none}}
.splash{z-index:1;justify-content:center;align-items:center;width:100%;height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.splash__stage{z-index:2;justify-content:center;display:flex;position:relative}@media (max-width:640px){.splash{padding:16px}}