.retro-tv{--body: #2d313b;--body-hsl: 30, 7%, 12%;--none: hsla(0 0% 100% / 0);--wht: #f2fdff;--wht-hsl: 30, 20%, 95%;--cube: 30em;--dark: hsla(var(--body-hsl), .5);--grey: #7fe160;--time: 10s;--stime: .5s;--pixel-hsl: 0, 100, 18;--pixel: #0e1e2c;--metal: #847e75;--r: hsla(180, 100%, 50%, .2);--g: hsla(300, 100%, 50%, .2);box-sizing:border-box;font-size:1svh;height:100vh;width:100%;margin:0;font-family:sans-serif;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(at 40% 40%,transparent,transparent,#a64c2f33),linear-gradient(transparent,#780d7c33),var(--body)}@media(max-width:1100px){.retro-tv{font-size:.55svw}}@media(max-width:768px){.retro-tv{font-size:.45svw}}@media(orientation:portrait){.retro-tv{font-size:.76svw}}@media(orientation:portrait)and (max-width:768px){.retro-tv{font-size:1svw}}.retro-tv *,.retro-tv *:before,.retro-tv *:after{box-sizing:border-box}.retro-tv input{visibility:hidden;position:absolute}.retro-tv label{inset:0;margin:auto;cursor:pointer}.retro-tv content *,.retro-tv *:before,.retro-tv *:after,.retro-tv content:before,.retro-tv content:after{position:absolute}.retro-tv crt div,.retro-tv screen>u,.retro-tv light,.retro-tv effects,.retro-tv test{width:100%;height:100%}.retro-tv content{box-shadow:0 0 0 2em var(--body),0 0 5em 2em #000;width:100%;height:100%;border-radius:4em;background:radial-gradient(circle at 100% 0,#d8d19d,#77533d,var(--body)) hsla(var(--wht-hsl),.9);display:flex;margin:auto}@media(orientation:portrait){.retro-tv content{flex-direction:column;height:auto;max-height:100%}}.retro-tv content set,.retro-tv content crt,.retro-tv content panel,.retro-tv content knobs,.retro-tv content grill,.retro-tv content knobs div,.retro-tv content .badge,.retro-tv content span,.retro-tv content flex{position:relative}.retro-tv .squircle{border-radius:calc(100% - 19em) / 43em;inset:-50%;margin:auto;corner-shape:squircle;overflow:hidden}.retro-tv .d-flex{display:flex}.retro-tv .d-block{display:block}.retro-tv flex{flex:1 1 auto}.retro-tv .text-center{text-align:center}.retro-tv .my-md{margin-block:1em}.retro-tv .mx-auto{margin-inline:auto}.retro-tv .text-white{color:var(--wht);text-transform:uppercase;text-shadow:-.1em .1em 0 var(--body),.05em -.05em 0 #fff}.retro-tv set{display:flex;padding:2em;gap:4em;margin:auto;width:100%;filter:drop-shadow(.2em 0 0 #00ff0033) drop-shadow(-.2em 0 0 #ff00ff33)}.retro-tv set panel{flex:1 1 auto}@media(orientation:portrait){.retro-tv set{flex-direction:column;gap:0;padding:1em}}.retro-tv set:after{width:100%;height:100%;background:radial-gradient(at 40% 40%,transparent,transparent,#a64c2f),linear-gradient(transparent,#780d7c);content:"";z-index:10;inset:0;mix-blend-mode:color;opacity:.3;filter:blur(2em);border-radius:4em;pointer-events:none}.retro-tv panel{display:flex;flex-direction:column;gap:1em;border-radius:3em;padding:1em;margin:-1em;background:var(--body);box-shadow:-.1em .1em .1em #0003,inset 0 0 .5em #423d3a,-.5em .5em .5em #36323a}@media(orientation:portrait){.retro-tv panel{flex-direction:column;padding:.5em;gap:.5em;overflow:visible}}.retro-tv grill,.retro-tv knobs{display:flex;flex:1 1 auto;justify-content:center;height:100%;flex-direction:column;gap:1em;background:#3a353e;padding:1em;border-radius:2em;border:solid 1em #44424e;box-shadow:inset -.5em .5em .5em var(--dark),-.5em .5em .5em #36323a}.retro-tv grill:after,.retro-tv knobs:after{width:100%;height:100%;background:radial-gradient(at 60% 40%,var(--wht),transparent);content:"";transform:translate3d(-1em,0,0);border-radius:1em;z-index:2;opacity:.1}.retro-tv grill speaker,.retro-tv knobs speaker{max-width:80%;max-height:80%;background:var(--body);background:conic-gradient(from 180deg,var(--body),#1e2128,var(--body));margin:auto;border-radius:50%;inset:0;box-shadow:-.5em .5em .5em hsla(var(--wht-hsl),.1),.5em -.5em .5em hsla(var(--body-hsl),.5)}.retro-tv grill>u,.retro-tv knobs>u{display:block;height:1em;background:var(--body);background:#44424e;border-radius:.5em;box-shadow:-.5em .5em .5em var(--dark),inset -.2em .2em .2em hsla(var(--wht-hsl),.1);position:relative;z-index:1}@media(orientation:portrait){.retro-tv grill>u,.retro-tv knobs>u{height:.98em}.retro-tv grill,.retro-tv knobs{flex-direction:row;flex-wrap:wrap;height:auto;max-height:8em}.retro-tv grill{display:none}}@media(orientation:portrait){.retro-tv knobs{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:.5em;height:auto;max-height:none}}.retro-tv knobs div{border-radius:.5em;background:repeating-linear-gradient(90deg,transparent,transparent .5em,hsla(var(--body-hsl),.01) .5em,hsla(var(--wht-hsl),.025) 1em),radial-gradient(at 30% 70%,hsla(var(--body-hsl),.5),transparent),#454149;box-shadow:-.5em .5em .5em var(--dark),inset -.2em .2em .2em hsla(var(--wht-hsl),.1),inset 0 0 0 1em #44424e,inset -1.25em 1.25em .5em var(--dark),inset -1.25em 1.25em .5em var(--dark);padding:2em}@media(orientation:portrait){.retro-tv knobs div{padding:1em}}.retro-tv knobs div:nth-of-type(1),.retro-tv knobs div:nth-of-type(2){flex:1 1 auto}@media(orientation:portrait){.retro-tv knobs div:nth-of-type(3){display:none}}.retro-tv .badge{width:8em;height:6em;display:block;border-radius:.5em;background:linear-gradient(45deg,#908e95,#928b90,#a3a3a8,#575356);box-shadow:-.25em .25em .25em var(--dark),inset -.2em .2em .2em hsla(var(--wht-hsl),.1),inset 0 0 0 .5em #44424e,inset -.75em .75em .5em var(--dark);margin:auto;z-index:3;transition:all .2s ease-in-out}.retro-tv .badge:after{box-shadow:0 0 purple,0 0 purple;width:100%;height:100%;border-radius:.5em;content:"";opacity:.5;transition:all .3s .2s ease-in-out}.retro-tv .badge:hover{filter:brightness(1.2) contrast(1.2);box-shadow:-.1em .1em .2em var(--dark),inset -.2em .2em .2em hsla(var(--wht-hsl),.1),inset 0 0 0 .5em #44424e,inset -.75em .75em .5em var(--dark)}.retro-tv [for=on-off],.retro-tv .power u,.retro-tv .tuning u{position:relative;display:block}.retro-tv [for=on-off],.retro-tv [for=on-off]:before,.retro-tv [for=on-off]:after,.retro-tv .power u,.retro-tv .power u:before,.retro-tv .power u:after,.retro-tv .tuning u,.retro-tv .tuning u:before,.retro-tv .tuning u:after{aspect-ratio:1/1;border-radius:50%}.retro-tv [for=on-off]{width:6em;background:var(--body);box-shadow:-.2em .2em .2em hsla(var(--wht-hsl),.1),.2em -.2em .2em hsla(var(--body-hsl),.5);cursor:pointer;z-index:5;animation:rtv-blink-btn 1.5s ease-in-out infinite}.retro-tv [for=on-off]:after,.retro-tv [for=on-off]:before{content:"";width:4em;inset:0;margin:auto}.retro-tv [for=on-off]:after{background:radial-gradient(transparent,#ff0199,transparent);mix-blend-mode:lighten;opacity:0}.retro-tv [for=on-off]:before{background:#792e5b;box-shadow:-1em 1em 1em hsla(var(--body-hsl),.5),inset -1em 1em 1em hsla(var(--body-hsl),.5),inset -.25em .25em .1em hsla(var(--wht-hsl),.5),inset .25em -.25em .1em hsla(var(--body-hsl),.5),inset 0 0 0 .5em var(--metal),inset 0 0 0 .6em var(--body),inset -.6em .6em hsla(var(--wht-hsl),.5),inset .6em -.6em hsla(var(--body-hsl),.5),inset 0 0 0 .8em hsla(var(--body-hsl),.2);transition:all .2s ease-in-out;animation:on-button 2s ease-out forwards}.retro-tv [for=on-off]:hover:before,.retro-tv [for=on-off]:focus:before{background:#792e5b;filter:brightness(1.2) contrast(1.2);box-shadow:-.5em .5em .5em hsla(var(--body-hsl),.5),inset -1em 1em 1em hsla(var(--body-hsl),.5),inset -.25em .25em .1em hsla(var(--wht-hsl),.5),inset .25em -.25em .1em hsla(var(--body-hsl),.5),inset 0 0 0 .5em var(--metal),inset 0 0 0 .6em var(--body),inset -.6em .6em hsla(var(--wht-hsl),.5),inset .6em -.6em hsla(var(--body-hsl),.5),inset 0 0 0 .8em hsla(var(--body-hsl),.2)}.retro-tv:has(#on-off:checked) [for=on-off]{display:block;animation:none}.retro-tv:has(#on-off:checked) [for=on-off]:before{background:#792e5b;filter:brightness(1.5) contrast(1.2);box-shadow:inset 0 0 .2em .1em var(--body),inset -1em 1em 1em hsla(var(--body-hsl),.5),inset -.25em .25em .1em hsla(var(--wht-hsl),.5),inset .25em -.25em .1em hsla(var(--body-hsl),.5),inset 0 0 0 .5em var(--metal),inset 0 0 0 .6em var(--body),inset -.6em .6em hsla(var(--wht-hsl),.5),inset .6em -.6em hsla(var(--body-hsl),.5),inset 0 0 0 .8em hsla(var(--body-hsl),.2)}.retro-tv:has(#on-off:checked) [for=on-off]:after{opacity:.5}.retro-tv .power>u,.retro-tv .vol>u,.retro-tv .tuning>u{width:6em;background:var(--body);box-shadow:-.2em .2em .2em hsla(var(--wht-hsl),.1),.2em -.2em .2em hsla(var(--body-hsl),.5);z-index:5;inset:0;margin:auto}.retro-tv .power>u>u:before,.retro-tv .power>u>u>u:before,.retro-tv .vol>u>u:before,.retro-tv .vol>u>u>u:before,.retro-tv .tuning>u>u:before,.retro-tv .tuning>u>u>u:before{content:"";width:5em;inset:0;margin:auto}.retro-tv .power>u>u>u:before,.retro-tv .vol>u>u>u:before,.retro-tv .tuning>u>u>u:before{border:dashed .1em var(--body)}.retro-tv .power>u>u:before,.retro-tv .vol>u>u:before,.retro-tv .tuning>u>u:before{background:linear-gradient(45deg,#908e95,#575356,#a3a3a8);box-shadow:-1em 1em 1em hsla(var(--body-hsl),.5),inset -1em 1em 1em hsla(var(--body-hsl),.5),inset -.25em .25em .1em hsla(var(--wht-hsl),.5),inset .25em -.25em .1em hsla(var(--body-hsl),.5),inset 0 0 0 .5em var(--metal),inset 0 0 0 .6em var(--body),inset -.6em .6em hsla(var(--wht-hsl),.5),inset .6em -.6em hsla(var(--body-hsl),.5),inset 0 0 0 .8em hsla(var(--body-hsl),.2)}.retro-tv .power>u>u:after,.retro-tv .vol>u>u:after,.retro-tv .tuning>u>u:after{background:var(--wht);height:.5em;border-radius:.25em;box-shadow:inset -.15em .15em .15em hsla(var(--body-hsl),.5);content:"";width:.5em;inset:0;margin:auto;transform:translate3d(0,-1em,0)}.retro-tv .tuning>u{width:10em;margin:auto}.retro-tv .tuning>u>u{width:10em;position:absolute}.retro-tv .tuning>u>u:before,.retro-tv .tuning>u>u>u:before{content:"";width:9em;inset:0;margin:auto}.retro-tv .tuning>u>u>u:before{border:dashed .1em var(--body)}.retro-tv .tuning>u>u:before{background:linear-gradient(45deg,#908e95,#575356,#a3a3a8);box-shadow:-1em 1em 1em hsla(var(--body-hsl),.5),inset -1em 1em 1em hsla(var(--body-hsl),.5),inset -.25em .25em .1em hsla(var(--wht-hsl),.5),inset .25em -.25em .1em hsla(var(--body-hsl),.5),inset 0 0 0 .5em var(--metal),inset 0 0 0 .6em var(--body),inset -.6em .6em hsla(var(--wht-hsl),.5),inset .6em -.6em hsla(var(--body-hsl),.5),inset 0 0 0 .8em hsla(var(--body-hsl),.2)}.retro-tv .tuning>u>u:after{background:var(--wht);height:2em;border-radius:.25em;box-shadow:inset -.25em .25em .25em hsla(var(--body-hsl),.5);content:"";width:.5em;inset:0;margin:auto;transform:translate3d(0,-2em,0)}.retro-tv dial,.retro-tv dialvol{width:10em;aspect-ratio:1/1;display:flex;flex-wrap:wrap;z-index:6}.retro-tv dial label,.retro-tv dialvol label{width:50%;height:50%;position:relative}.retro-tv dialvol{width:6em;top:0}.retro-tv .vol u u,.retro-tv .tuning u u{transform:rotate(1deg)}.retro-tv .vol u u,.retro-tv .vol u u:before,.retro-tv .tuning u u,.retro-tv .tuning u u:before{transition:all .5s ease-in-out}.retro-tv:has(dialvol label:nth-of-type(1):hover) .vol u:before,.retro-tv:has(dialvol label:nth-of-type(2):hover) .vol u:before,.retro-tv:has(dialvol label:nth-of-type(3):hover) .vol u:before,.retro-tv:has(dialvol label:nth-of-type(4):hover) .vol u:before{filter:brightness(1.2) contrast(1.2)}.retro-tv:has(#vol1:checked) .vol u u,.retro-tv:has(dialvol label:nth-of-type(1):hover) .vol u u{transform:rotate(315deg)}.retro-tv:has(#vol1:checked) .vol u u:before,.retro-tv:has(dialvol label:nth-of-type(1):hover) .vol u u:before{transform:rotate(-315deg)}.retro-tv:has(#vol1:checked) effects,.retro-tv:has(dialvol label:nth-of-type(1):hover) effects{filter:contrast(2)}.retro-tv:has(#vol2:checked) .vol u u,.retro-tv:has(dialvol label:nth-of-type(2):hover) .vol u u{transform:rotate(45deg)}.retro-tv:has(#vol2:checked) .vol u u:before,.retro-tv:has(dialvol label:nth-of-type(2):hover) .vol u u:before{transform:rotate(-50deg)}.retro-tv:has(#vol2:checked) effects,.retro-tv:has(dialvol label:nth-of-type(2):hover) effects{filter:contrast(.5)}.retro-tv:has(#vol4:checked) .vol u u,.retro-tv:has(dialvol label:nth-of-type(4):hover) .vol u u{transform:rotate(135deg)}.retro-tv:has(#vol4:checked) .vol u u:before,.retro-tv:has(dialvol label:nth-of-type(4):hover) .vol u u:before{transform:rotate(-140deg)}.retro-tv:has(#vol4:checked) effects,.retro-tv:has(dialvol label:nth-of-type(4):hover) effects{filter:brightness(2)}.retro-tv:has(#vol3:checked) .vol u u,.retro-tv:has(dialvol label:nth-of-type(3):hover) .vol u u{transform:rotate(225deg)}.retro-tv:has(#vol3:checked) .vol u u:before,.retro-tv:has(dialvol label:nth-of-type(3):hover) .vol u u:before{transform:rotate(-220deg)}.retro-tv:has(#vol3:checked) effects,.retro-tv:has(dialvol label:nth-of-type(3):hover) effects{filter:contrast(.2) brightness(2)}.retro-tv:has(dial label:nth-of-type(1):hover) .tuning u:before,.retro-tv:has(dial label:nth-of-type(2):hover) .tuning u:before,.retro-tv:has(dial label:nth-of-type(3):hover) .tuning u:before,.retro-tv:has(dial label:nth-of-type(4):hover) .tuning u:before{filter:brightness(1.2) contrast(1.2)}.retro-tv tune{width:calc(100% - 26em);height:calc(100% - 21em);display:none;opacity:0}.retro-tv:has(#on-off:checked) tune{opacity:1}.retro-tv:has(#tune1:checked) .tuning u u,.retro-tv:has(dial label:nth-of-type(1):hover) .tuning u u{transform:rotate(315deg)}.retro-tv:has(#tune1:checked) .tuning u u:before,.retro-tv:has(dial label:nth-of-type(1):hover) .tuning u u:before{transform:rotate(-310deg)}.retro-tv:has(#tune1:checked) tune,.retro-tv:has(dial label:nth-of-type(1):hover) tune{animation:rtv-channel .2s forwards;display:block}.retro-tv:has(#tune1:checked) crt div>div,.retro-tv:has(dial label:nth-of-type(1):hover) crt div>div{filter:contrast(10)}.retro-tv:has(#tune1:checked) angle,.retro-tv:has(dial label:nth-of-type(1):hover) angle{transform:translate3d(-3em,-4em,10em) rotateX(-30deg);animation:rtv-wobble-hard .03s steps(2) infinite}.retro-tv:has(#tune1:checked) crt test,.retro-tv:has(dial label:nth-of-type(1):hover) crt test{opacity:.25;transform:translateZ(0)}.retro-tv:has(#tune2:checked) .tuning u u,.retro-tv:has(dial label:nth-of-type(2):hover) .tuning u u{transform:rotate(45deg)}.retro-tv:has(#tune2:checked) .tuning u u:before,.retro-tv:has(dial label:nth-of-type(2):hover) .tuning u u:before{transform:rotate(-50deg)}.retro-tv:has(#tune2:checked) tune,.retro-tv:has(dial label:nth-of-type(2):hover) tune{animation:rtv-channel .2s forwards;display:block}.retro-tv:has(#tune2:checked) effects:before,.retro-tv:has(dial label:nth-of-type(2):hover) effects:before{filter:contrast(2)}.retro-tv:has(#tune2:checked) crt test,.retro-tv:has(dial label:nth-of-type(2):hover) crt test{opacity:.5}.retro-tv:has(#tune4:checked) .tuning u u,.retro-tv:has(dial label:nth-of-type(4):hover) .tuning u u{transform:rotate(135deg)}.retro-tv:has(#tune4:checked) .tuning u u:before,.retro-tv:has(dial label:nth-of-type(4):hover) .tuning u u:before{transform:rotate(-140deg)}.retro-tv:has(#tune4:checked) tune,.retro-tv:has(dial label:nth-of-type(4):hover) tune{animation:rtv-channel .2s forwards;display:block}.retro-tv:has(#tune4:checked) effects,.retro-tv:has(dial label:nth-of-type(4):hover) effects{opacity:1}.retro-tv:has(#tune4:checked) effects u,.retro-tv:has(dial label:nth-of-type(4):hover) effects u{animation:rtv-change 5s forwards;opacity:1}.retro-tv:has(#tune4:checked) crt div>div,.retro-tv:has(dial label:nth-of-type(4):hover) crt div>div{animation:rtv-tuning .1s ease-in-out infinite!important;filter:contrast(2)}@media(orientation:portrait){.retro-tv panel{font-size:2em}.retro-tv grill{flex-grow:3}}@media(orientation:landscape){.retro-tv grill>u:nth-of-type(n+23){display:none}}.retro-tv:has(#unclick:not(:checked)) [for=unclick]{z-index:7}.retro-tv:has(#tune3:checked) .tuning u u,.retro-tv:has(dial label:nth-of-type(3):hover) .tuning u u{transform:rotate(225deg)}.retro-tv:has(#tune3:checked) .tuning u u:before,.retro-tv:has(dial label:nth-of-type(3):hover) .tuning u u:before{transform:rotate(-220deg)}.retro-tv:has(#tune3:checked) crt test,.retro-tv:has(dial label:nth-of-type(3):hover) crt test{opacity:1}.retro-tv crt test{opacity:0;width:100%;height:100%;transform:translateZ(-50em) scaleX(1.08) scaleY(1.14)}.retro-tv crt test u{width:100%;height:100%}.retro-tv crt test u u{position:relative;display:block;margin-block-end:2.3em}.retro-tv crt test u u,.retro-tv crt test u u:before,.retro-tv crt test u u:after{background:linear-gradient(to right,#b8adc7 0% 14%,#c4b61a 14% 28%,#00bde5 28% 42%,#00cd00 42% 56%,#e200f7 56% 70%,#f20000 70% 85%,#00f 85% 100%);height:1em;width:100%}.retro-tv crt test u u:before{top:1.1em;animation:rtv-scanning .1s infinite linear}.retro-tv crt test u u:after{top:2.2em;animation:rtv-scanning .2s -.1s infinite}.retro-tv crt test u u:nth-of-type(2n){animation:rtv-scanning .1s infinite linear}.retro-tv crt test u u:nth-of-type(odd){animation:rtv-scanning .3s infinite linear}.retro-tv crt test u u:nth-of-type(11),.retro-tv crt test u u:nth-of-type(19){animation:rtv-scanning-lg .2s -.3s infinite linear}.retro-tv crt test u u:nth-of-type(1){animation:rtv-scanning-lg .1s -.05s infinite}.retro-tv crt test u u:nth-of-type(n+15),.retro-tv crt test u u:nth-of-type(n+15):before,.retro-tv crt test u u:nth-of-type(n+15):after{background:linear-gradient(to right,#0000ff 0% 14%,var(--body) 14% 28%,#e200f7 28% 42%,var(--body) 42% 56%,#00bde5 56% 70%,var(--body) 70% 85%,#b8adc7 85% 100%)}.retro-tv crt test u u:nth-of-type(n+17),.retro-tv crt test u u:nth-of-type(n+17):before,.retro-tv crt test u u:nth-of-type(n+17):after{background:linear-gradient(to right,#001b4b 0% 18%,var(--wht) 18% 35%,#32006a 35% 52%,#131313 52% 70%,#1d1d1d 70% 85%,var(--body) 85% 100%)}.retro-tv angle,.retro-tv cube{width:var(--cube);aspect-ratio:2/1;right:0;bottom:0;margin:auto}.retro-tv angle{transform:translate3d(0,-4em,10em) rotateX(-30deg);animation:rtv-wobble .03s steps(2) infinite}.retro-tv cube{animation:rtv-rotate var(--time) infinite linear}.retro-tv cube x,.retro-tv cube x:before,.retro-tv cube x:after,.retro-tv cube y,.retro-tv cube y:before,.retro-tv cube y:after,.retro-tv cube z,.retro-tv cube z:before,.retro-tv cube z:after,.retro-tv cube x2,.retro-tv cube x2:before,.retro-tv cube x2:after,.retro-tv cube y2,.retro-tv cube y2:before,.retro-tv cube y2:after,.retro-tv cube z2,.retro-tv cube z2:before,.retro-tv cube z2:after{width:100%;height:100%}.retro-tv cube x:before,.retro-tv cube y:before,.retro-tv cube z:before,.retro-tv cube x2:before,.retro-tv cube y2:before,.retro-tv cube z2:before{transform:rotateY(90deg) translateZ(calc(var(--cube) / 2));border:2em solid var(--grey)}.retro-tv cube x:after,.retro-tv cube y:after,.retro-tv cube z:after,.retro-tv cube x2:after,.retro-tv cube y2:after,.retro-tv cube z2:after{transform:rotateY(90deg) translateZ(calc(var(--cube) / 2 * -1));border:2em solid var(--grey)}.retro-tv cube x:before,.retro-tv cube x2:before{animation:rtv-light var(--time) -5s infinite linear}.retro-tv cube x:after,.retro-tv cube x2:after{animation:rtv-light var(--time) infinite linear}.retro-tv cube x:nth-of-type(2):before,.retro-tv cube x2:nth-of-type(2):before{animation:rtv-light var(--time) infinite linear}.retro-tv cube x:nth-of-type(2):after,.retro-tv cube x2:nth-of-type(2):after{animation:rtv-light var(--time) -5s infinite linear}.retro-tv cube y,.retro-tv cube y2{transform:rotateY(90deg)}.retro-tv cube y:before,.retro-tv cube y2:before{animation:rtv-light var(--time) -7.5s infinite linear}.retro-tv cube y:after,.retro-tv cube y2:after{animation:rtv-light var(--time) -2.5s infinite linear}.retro-tv cube y:nth-of-type(2):before,.retro-tv cube y2:nth-of-type(2):before{animation:rtv-light var(--time) -2.5s infinite linear}.retro-tv cube y:nth-of-type(2):after,.retro-tv cube y2:nth-of-type(2):after{animation:rtv-light var(--time) -7.5s infinite linear}.retro-tv cube z,.retro-tv cube z2{transform:rotate(90deg);height:200%}.retro-tv cube z:after,.retro-tv cube z2:after{filter:brightness(2)}.retro-tv cube z:before,.retro-tv cube z2:before{transform:rotateY(90deg)}.retro-tv cube x:nth-of-type(2):before,.retro-tv cube y:nth-of-type(2):before,.retro-tv cube z:nth-of-type(2):before{transform:rotateY(90deg) translateZ(calc((var(--cube) / 2) - 2em))}.retro-tv cube x:nth-of-type(2):after,.retro-tv cube y:nth-of-type(2):after,.retro-tv cube z:nth-of-type(2):after{transform:rotateY(90deg) translateZ(calc((var(--cube) / 2 * -1) + 2em))}.retro-tv cube z:nth-of-type(2):before{transform:rotateY(90deg) translateZ(-2em)}.retro-tv cube z:nth-of-type(3):before{transform:rotateY(90deg) translateZ(calc((var(--cube) / 2)));border-color:#000;filter:blur(3em)}.retro-tv cube x>u{transform:translate3d(5em,2em,0);animation:rtv-light calc(var(--time) / 2) -.7s infinite linear;backface-visibility:hidden;font-size:1.2em;opacity:0}.retro-tv cube x>u:nth-of-type(2){transform:translate3d(20em,2em,0) rotateY(180deg)}.retro-tv cube x>u u,.retro-tv cube x>u u:after,.retro-tv cube x>u u:before{width:5em;height:1em;background:var(--grey);transform:translateZ(0)}.retro-tv cube x>u u:after{transform:translate3d(11em,0,0)}.retro-tv cube x>u u:nth-of-type(2){transform:translate3d(0,1em,0);width:6em}.retro-tv cube x>u u:nth-of-type(2):after{transform:translate3d(10em,0,0);width:7em}.retro-tv cube x>u u:nth-of-type(3){transform:translate3d(4em,2em,0);width:2em}.retro-tv cube x>u u:nth-of-type(3):after{transform:translate3d(6em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(3):before{transform:translate3d(11em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(4){transform:translate3d(1em,3em,0);width:5em}.retro-tv cube x>u u:nth-of-type(4):after{transform:translate3d(9em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(4):before{transform:translate3d(14em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(5){transform:translate3d(0,4em,0);width:5em}.retro-tv cube x>u u:nth-of-type(5):after{transform:translate3d(10em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(5):before{transform:translate3d(15em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(6){transform:translate3d(0,5em,0);width:2em}.retro-tv cube x>u u:nth-of-type(6):after{transform:translate3d(10em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(6):before{transform:translate3d(15em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(7){transform:translate3d(0,6em,0);width:6em}.retro-tv cube x>u u:nth-of-type(7):after{transform:translate3d(7em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(7):before{transform:translate3d(10em,0,0);width:7em}.retro-tv cube x>u u:nth-of-type(8){transform:translate3d(0,7em,0);width:6em}.retro-tv cube x>u u:nth-of-type(8):after{transform:translate3d(7em,0,0);width:2em}.retro-tv cube x>u u:nth-of-type(8):before{transform:translate3d(11em,0,0);width:5em}.retro-tv x2,.retro-tv y2{opacity:0}.retro-tv:has(#tune3:checked) cube x>u,.retro-tv:has(dial label:nth-of-type(3):hover) cube x>u{opacity:1}.retro-tv:has(#tune3:checked) angle,.retro-tv:has(dial label:nth-of-type(3):hover) angle{transform:translate3d(0,-2em,10em);animation:none}.retro-tv:has(#tune3:checked) effects,.retro-tv:has(dial label:nth-of-type(3):hover) effects{filter:opacity(.3)}.retro-tv:has(#tune3:checked) crt>div,.retro-tv:has(dial label:nth-of-type(3):hover) crt>div{perspective:90em}.retro-tv:has(#tune3:checked) crt test,.retro-tv:has(dial label:nth-of-type(3):hover) crt test{transform:translateZ(-12em) scaleX(1.08) scaleY(1.14)}.retro-tv:has(#tune3:checked) crt test u u,.retro-tv:has(dial label:nth-of-type(3):hover) crt test u u{animation:rtv-scanning .5s ease-in-out}.retro-tv:has(#tune3:checked) crt test>u:after,.retro-tv:has(dial label:nth-of-type(3):hover) crt test>u:after{width:100%;height:100%;background:linear-gradient(var(--body),transparent),linear-gradient(90deg,#5b2194,#ce2182,#a55b2b);opacity:.9}.retro-tv:has(#tune3:checked) cube z,.retro-tv:has(dial label:nth-of-type(3):hover) cube z{opacity:0}.retro-tv:has(#tune3:checked) cube x2,.retro-tv:has(#tune3:checked) cube x2:before,.retro-tv:has(#tune3:checked) cube x2:after,.retro-tv:has(#tune3:checked) cube y2,.retro-tv:has(#tune3:checked) cube y2:before,.retro-tv:has(#tune3:checked) cube y2:after,.retro-tv:has(#tune3:checked) cube z2,.retro-tv:has(#tune3:checked) cube z2:before,.retro-tv:has(#tune3:checked) cube z2:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube z2,.retro-tv:has(dial label:nth-of-type(3):hover) cube z2:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube z2:after{width:calc(100% - 2em);height:calc(100% + 2em);opacity:1}.retro-tv:has(#tune3:checked) cube x2:before,.retro-tv:has(#tune3:checked) cube y2:before,.retro-tv:has(#tune3:checked) cube z2:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube z2:before{transform:rotateY(90deg) translate3d(0,-2em,calc(var(--cube) / 2 - 2em));border:2em solid var(--grey)}.retro-tv:has(#tune3:checked) cube x2:after,.retro-tv:has(#tune3:checked) cube y2:after,.retro-tv:has(#tune3:checked) cube z2:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube z2:after{transform:rotateY(90deg) translate3d(0,-2em,calc(var(--cube) / 2 * -1 + 2em));border:2em solid var(--grey)}.retro-tv:has(#tune3:checked) cube x2,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2{transform:translate3d(2em,0,0)}.retro-tv:has(#tune3:checked) cube y2,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2{transform:rotateY(90deg) translate3d(1em,0,1em)}.retro-tv:has(#tune3:checked) cube x2:nth-of-type(2):before,.retro-tv:has(#tune3:checked) cube y2:nth-of-type(2):before,.retro-tv:has(#tune3:checked) cube z2:nth-of-type(2):before,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2:nth-of-type(2):before,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2:nth-of-type(2):before,.retro-tv:has(dial label:nth-of-type(3):hover) cube z2:nth-of-type(2):before{transform:rotateY(90deg) translate3d(0,-2em,calc((var(--cube) / 2) - 4em))}.retro-tv:has(#tune3:checked) cube x2:nth-of-type(2):after,.retro-tv:has(#tune3:checked) cube y2:nth-of-type(2):after,.retro-tv:has(#tune3:checked) cube z2:nth-of-type(2):after,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2:nth-of-type(2):after,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2:nth-of-type(2):after,.retro-tv:has(dial label:nth-of-type(3):hover) cube z2:nth-of-type(2):after{transform:rotateY(90deg) translate3d(0,-2em,calc((var(--cube) / 2 * -1) + 4em))}.retro-tv:has(#tune3:checked) cube z2:nth-of-type(2):before,.retro-tv:has(dial label:nth-of-type(3):hover) cube z2:nth-of-type(2):before{transform:rotateY(90deg) translateZ(-2em)}.retro-tv:has(#tune3:checked) cube x:before,.retro-tv:has(#tune3:checked) cube x:after,.retro-tv:has(#tune3:checked) cube y:before,.retro-tv:has(#tune3:checked) cube y:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube x:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube x:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube y:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube y:after{border-top-width:0;border-bottom-width:0}.retro-tv:has(#tune3:checked) cube x2:before,.retro-tv:has(#tune3:checked) cube x2:after,.retro-tv:has(#tune3:checked) cube y2:before,.retro-tv:has(#tune3:checked) cube y2:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube x2:after,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2:before,.retro-tv:has(dial label:nth-of-type(3):hover) cube y2:after{border-left-width:0;border-right-width:0}.retro-tv crt{aspect-ratio:4/3;margin:1em;border:1em solid #dad9b3;border-radius:6em;box-shadow:0 0 0 1em #41423a,inset 0 0 .5em 3em #423d3a,-.5em .5em .5em 2em #36323a;height:94em;max-height:calc(100vh - 20em);z-index:3}@media(orientation:portrait){.retro-tv crt{height:auto;width:100%;aspect-ratio:3/4}}.retro-tv crt>div,.retro-tv crt screen,.retro-tv crt light,.retro-tv crt effects{transform-style:preserve-3d;perspective:500em}.retro-tv crt>div *,.retro-tv crt>div *:before,.retro-tv crt>div *:after,.retro-tv crt>div:before,.retro-tv crt>div:after,.retro-tv crt screen *,.retro-tv crt screen *:before,.retro-tv crt screen *:after,.retro-tv crt screen:before,.retro-tv crt screen:after,.retro-tv crt light *,.retro-tv crt light *:before,.retro-tv crt light *:after,.retro-tv crt light:before,.retro-tv crt light:after,.retro-tv crt effects *,.retro-tv crt effects *:before,.retro-tv crt effects *:after,.retro-tv crt effects:before,.retro-tv crt effects:after{content:"";left:0;top:0;transform-style:preserve-3d}.retro-tv crt:before{width:calc(100% + 4em);height:calc(100% + 4em);border-radius:3em;content:"";right:0;top:0;margin:-2em;z-index:-2;background:repeating-linear-gradient(90deg,transparent,transparent .5em,hsla(var(--body-hsl),.01) .5em,hsla(var(--wht-hsl),.025) 1em),radial-gradient(at 30% 70%,hsla(var(--body-hsl),.5),transparent),#454149;box-shadow:-1.5em 1.5em 1.5em var(--dark),inset -.2em .2em .2em hsla(var(--wht-hsl),.1),inset 0 0 0 1em #44424e,inset -1.25em 1.25em .5em var(--dark),inset -1.25em 1.25em .5em var(--dark),0 0 0 1em var(--body)}.retro-tv crt>div{width:80%;height:75%;overflow:hidden;margin:auto;inset:0}.retro-tv crt div,.retro-tv effects{transform:scaleY(0) scaleX(0);animation:rtv-off 4s ease-in-out reverse}.retro-tv:has(#on-off:checked) crt div,.retro-tv:has(#on-off:checked) effects{animation:rtv-on 2s ease-in-out forwards}.retro-tv screen{width:calc(100% - 2em);height:calc(100% - 2em);overflow:hidden;border-radius:4.5em;border:1em solid #76767a;margin:1em}.retro-tv screen>u>u{margin:auto;filter:blur(1em)}.retro-tv screen>u>u:nth-of-type(3),.retro-tv screen>u u:nth-of-type(4){width:100em;height:100em;background:linear-gradient(45deg,#484140,#6f6b6c,#343342);transform:translate3d(0,-50em,0) rotate(45deg);inset:auto 0 0}.retro-tv screen>u u:nth-of-type(4){background:linear-gradient(45deg,#969da4,#808797,#d2d0b7,#4d4749);transform:translate3d(0,62em,0) rotate(45deg)}.retro-tv screen>u u:nth-of-type(2),.retro-tv screen>u u:nth-of-type(1){width:50em;height:100%;background:linear-gradient(#4f484b,#eef1f4,#36323a)}.retro-tv screen>u u:nth-of-type(1){inset:0 0 0 auto;background:linear-gradient(#36323a,#423a45,#4f484b)}.retro-tv screen>u:nth-of-type(2){filter:drop-shadow(0 0 1em #39343c)}.retro-tv screen>u:nth-of-type(2):before,.retro-tv screen>u:nth-of-type(2):after{inset:0;margin:auto;background:linear-gradient(90deg,#545561,#5b585d,#7d7d79,#3d3a3f);filter:blur(.5em)}.retro-tv screen>u:nth-of-type(2):before{width:calc(100% - 18em);height:calc(100% - 10em);border-radius:calc(100% - 39em) / 7em;z-index:1;background:linear-gradient(90deg,#545561,#5b585d,#7d7d79,#3d3a3f);background-size:105%}.retro-tv screen>u:nth-of-type(2):after{width:calc(100% - 12em);height:calc(100% - 20em);border-radius:5em / calc(100% - 33em)}.retro-tv screen>u:nth-of-type(3){filter:drop-shadow(-.5em .5em .5em #eef1f4) drop-shadow(.5em -.5em .5em var(--body))}.retro-tv screen>u:nth-of-type(3):before{width:calc(100% - 24em);height:calc(100% - 14em);border-radius:calc(100% - 32em) / 8em;inset:0;margin:auto;z-index:1;background:var(--body)}.retro-tv screen>u:nth-of-type(3):after{width:calc(100% - 18em);height:calc(100% - 24em);border-radius:24em / calc(100% + 134em);inset:0;margin:auto;background:var(--body)}.retro-tv crt effects{width:calc(100% - 26em);height:calc(100% - 21em);filter:contrast(1)}.retro-tv crt effects:before,.retro-tv crt effects:after{width:200%;height:200%;left:-50%;top:-50%;opacity:.5}.retro-tv crt effects:before{background:repeating-linear-gradient(transparent,transparent .5em,var(--pixel) .5em,var(--pixel) 1em);background-size:100% 1em;animation:rtv-pixels2 1s infinite linear}.retro-tv crt effects:after{background:repeating-linear-gradient(90deg,var(--r),var(--g) 5px),repeating-linear-gradient(transparent,var(--pixel) 5px);animation:rtv-pixels3 1s infinite linear}.retro-tv crt effects u{background:linear-gradient(to right,var(--body) 0% 14%,#b8adc7 14% 28%,#c4b61a 28% 38%,#00bde5 42% 56%,#00cd00 56% 70%,#e200f7 70% 85%,#f20000 70% 85%,#0000ff 85% 100%);height:2em;width:110%;transform:translate3d(0,50em,0) skew(-80deg);-webkit-mask-image:linear-gradient(#000,transparent);opacity:0;mix-blend-mode:color-burn}.retro-tv light{filter:blur(.2em)}.retro-tv light:before{width:calc(100% - 24em);height:calc(100% - 19em);border-radius:calc(100% - 19em) / 43em;inset:0;margin:auto;background:radial-gradient(circle at 100% 50%,transparent,var(--body)),radial-gradient(circle at 0 50%,transparent,var(--wht) 77%,transparent);opacity:.5;corner-shape:squircle;filter:blur(1em)}.retro-tv light u:nth-of-type(1){width:.75em;height:7em;background:#f2fdff;transform:translate3d(76.6em,44em,0) skew(-1deg);border-radius:.5em .5em .5em .3em/.5em .5em 80% 80%}.retro-tv light u:nth-of-type(1):before{width:.75em;height:.6em;background:hsla(var(--wht-hsl),.7);transform:translate3d(-.1em,-2.9em,0);border-radius:.5em}.retro-tv light u:nth-of-type(1):after{width:.6em;height:5em;background:hsla(var(--wht-hsl),.1);transform:translate3d(.1em,-2.9em,0) skew(1deg);border-radius:.5em}.retro-tv light u:nth-of-type(2){width:.6em;height:.8em;background:hsla(var(--wht-hsl),.5);transform:translate3d(76.4em,54.5em,0) skew(-2deg);border-radius:.5em;box-shadow:0 1em hsla(var(--wht-hsl),.5)}.retro-tv light u:nth-of-type(2):before{width:.75em;height:.75em;background:hsla(var(--wht-hsl),.3);transform:translate3d(-.35em,-15.5em,0);border-radius:.5em;box-shadow:-.1em -1.5em hsla(var(--wht-hsl),.3),-.2em -2em hsla(var(--wht-hsl),.3)}.retro-tv light u:nth-of-type(2):after{width:.5em;height:3.5em;background:hsla(var(--wht-hsl),.1);transform:translate3d(-.1em,-17.5em,0) skew(2deg);border-radius:.5em .5em .5em .3em/80%}.retro-tv light u:nth-of-type(3){width:1em;height:1em;background:hsla(var(--wht-hsl),.2);transform:translate3d(76.3em,34.5em,0) skew(-2deg);border-radius:.25em}.retro-tv light u:nth-of-type(3):before{width:1.2em;height:1.2em;background:hsla(var(--wht-hsl),.2);transform:translate3d(-.4em,-4em,0) skewY(4deg);border-radius:.1em;box-shadow:-.4em -4.5em hsla(var(--wht-hsl),.2)}.retro-tv light u:nth-of-type(3):after{width:1.3em;height:1.3em;background:hsla(var(--wht-hsl),.1);transform:translate3d(-.2em,-4em,0) skewY(4deg);border-radius:.1em;box-shadow:-.8em -5em 0 .1em hsla(var(--wht-hsl),.2),-.9em -6em 0 .2em hsla(var(--wht-hsl),.1),-1em -7.5em 0 .3em hsla(var(--wht-hsl),.05)}.retro-tv light u:nth-of-type(4){width:1em;height:9em;background:hsla(var(--wht-hsl),.05);transform:translate3d(82.5em,15em,0) skew(8deg);border-radius:50% 50% .5em .5em/50% 50% 50% .5em;filter:blur(.5em)}.retro-tv light u:nth-of-type(4):before{width:1.6em;height:15em;background:hsla(var(--wht-hsl),.05);transform:translate3d(-.5em,10em,0) skew(-4deg);border-radius:0 50% 50% .5em/50% 50% 50% .5em}.retro-tv light u:nth-of-type(4):after{width:2em;height:26em;background:hsla(var(--wht-hsl),.05);transform:translate3d(-7em,29em,0) skew(-10deg);border-radius:50%;box-shadow:3em -4em 0 .5em hsla(var(--wht-hsl),.05)}.retro-tv light u:nth-of-type(5){width:calc(100% - 24em);height:calc(100% - 19em);border-radius:50%;inset:0;margin:auto;corner-shape:squircle;overflow:hidden;transform:rotateY(0)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(1){transform:translate3d(63em,-10em,0) rotateY(-60deg);width:50em;height:70em;background:transparent;overflow:hidden;filter:drop-shadow(0 -2em 0 hsla(var(--wht-hsl),.5));-webkit-mask-image:radial-gradient(at right 60%,transparent,#000,transparent)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(1)>u,.retro-tv light u:nth-of-type(5)>u:nth-of-type(1)>u:before,.retro-tv light u:nth-of-type(5)>u:nth-of-type(1)>u:after{width:31em;height:100em;border:solid 7em transparent;border-right:dashed 7em hsla(var(--wht-hsl),.05);background:transparent;border-radius:50%}.retro-tv light u:nth-of-type(5)>u:nth-of-type(1)>u{transform:translate3d(10em,-3em,0) scale(.9)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(1)>u:before{transform:translate3d(-14em,-7em,0) scale(.95)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(1)>u:after{transform:translate3d(-20.5em,-7em,0) scale(.9)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(1)>u:nth-of-type(2){transform:translate3d(-7em,-3.3em,0) scale(.77)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(1)>u:nth-of-type(2):after{border-right:dashed 1em hsla(var(--wht-hsl),.05);transform:translate3d(-19em,-7em,0) scale(.95)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(2){transform:translate3d(67em,-10em,0);width:12em;height:71em;background:transparent;overflow:hidden;box-shadow:none}.retro-tv light u:nth-of-type(5)>u:nth-of-type(2)>u,.retro-tv light u:nth-of-type(5)>u:nth-of-type(2)>u:before,.retro-tv light u:nth-of-type(5)>u:nth-of-type(2)>u:after{width:21em;height:100em;border:solid 3em transparent;border-right:solid 3em hsla(var(--wht-hsl),.025);background:transparent;border-radius:50%;right:0;left:auto;-webkit-mask-image:linear-gradient(transparent,#000,transparent)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(2)>u{transform:translate3d(0,-5em,0) scale(.9)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(2)>u:before{transform:translate3d(1em,1em,0)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(2)>u:after{transform:translate3d(7em,-3em,0) rotate(-1deg)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(2)>u:nth-of-type(2){transform:translate3d(0,-5em,0) scale(.9)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(2)>u:nth-of-type(2):before{transform:translate3d(0,1em,0);border-right:solid 3em hsla(var(--body-hsl),.025)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(2)>u:nth-of-type(2):after{transform:translate3d(-3em,-3em,0) rotate(-1deg);border-right:solid 3em hsla(var(--wht-hsl),.025)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(3){width:143em;height:54em;border:solid 30em transparent;border-bottom:solid 20em hsla(var(--wht-hsl),.025);background:transparent;border-radius:50%;transform:translate3d(-25em,30em,0)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(3):before{transform:translate3d(20em,-41em,0);background:hsla(var(--wht-hsl),.01);height:40em;box-shadow:-8em 0 hsla(var(--wht-hsl),.01)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(3):after{transform:translate3d(-1em,-71em,0);background:hsla(var(--wht-hsl),.01);height:30em;width:30em;box-shadow:none}.retro-tv light u:nth-of-type(5)>u:nth-of-type(4){width:36em;height:60em;transform:translate3d(34em,0,0);background:linear-gradient(90deg,hsla(var(--wht-hsl),.025),transparent);border-radius:0}.retro-tv light u:nth-of-type(5)>u:nth-of-type(4):after{display:none}.retro-tv light u:nth-of-type(5)>u:nth-of-type(4):before{transform:translate3d(-49em,19em,0);background:linear-gradient(90deg,transparent,hsla(var(--wht-hsl),.01));height:37em;width:24em;box-shadow:none;border-radius:0}.retro-tv light u:nth-of-type(5)>u:nth-of-type(5),.retro-tv light u:nth-of-type(5)>u:nth-of-type(6){width:100em;height:30em;border:solid 7em transparent;border-top:solid 1em hsla(var(--wht-hsl),.025);background:transparent;border-radius:50%;transform:translate3d(0,-5em,0);-webkit-mask-image:linear-gradient(90deg,transparent,#000,transparent)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(5):before,.retro-tv light u:nth-of-type(5)>u:nth-of-type(5):after,.retro-tv light u:nth-of-type(5)>u:nth-of-type(6):before,.retro-tv light u:nth-of-type(5)>u:nth-of-type(6):after{width:100em;height:20em;border-top:solid 2em hsla(var(--wht-hsl),.025);background:transparent;border-radius:50%;transform:translate3d(-8em,.5em,0) rotate(2deg);-webkit-mask-image:linear-gradient(90deg,transparent,transparent,#000,transparent,transparent)}.retro-tv light u:nth-of-type(5)>u:nth-of-type(5):after,.retro-tv light u:nth-of-type(5)>u:nth-of-type(6):after{transform:translate3d(-8em,3em,0) rotate(3deg);opacity:.5}.retro-tv light u:nth-of-type(5)>u:nth-of-type(6){transform:translate3d(-8em,8em,0) rotate(-4deg);border-top:solid 2em hsla(var(--wht-hsl),.025);-webkit-mask-image:linear-gradient(90deg,transparent,transparent,transparent,#000,transparent,transparent)}.retro-tv .sig,.retro-tv .sig *{height:9.25em;overflow:hidden;border-radius:.5em}.retro-tv .sig{font-size:.8em;color:var(--wht);width:6.5em;transform:skew(10deg) scaleY(.45) rotate(2deg);inset:0;margin:auto;mix-blend-mode:overlay;filter:drop-shadow(-.5em .5em .5em var(--dark))}.retro-tv .sig:before,.retro-tv .sig *:before{content:"";top:0;left:0;width:5em;height:5em;background:currentColor;transform:translate3d(-2.5em,0,0) rotate(-45deg);box-shadow:-3em 3em 0 0 currentColor;border-radius:.5em 2em}.retro-tv .sig *{width:5em;transform:translate3d(3.75em,0,0) scaleY(.95);display:block!important}.retro-tv .sig *:before{transform:translate3d(-3em,-2em,0) rotate(-45deg);box-shadow:-3em 3em 0 0 currentColor,-6em 6em 0 0 currentColor;border-radius:.5em}.retro-tv .power-hint{display:block;position:relative;color:var(--wht);font-size:1.2em;text-align:center;margin-top:.8em;text-transform:uppercase;letter-spacing:.1em;opacity:.8;animation:rtv-blink-text 1.5s ease-in-out infinite;text-shadow:0 0 .5em #ff019966;pointer-events:none}.retro-tv:has(#on-off:checked) .power-hint{visibility:hidden;opacity:0}.retro-tv .scroll-hint{position:absolute;bottom:2em;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5em;color:var(--wht);font-family:Courier New,monospace;font-size:1.4em;text-transform:uppercase;letter-spacing:.15em;opacity:0;pointer-events:none;z-index:20;text-shadow:0 0 .5em rgba(0,0,0,.5)}.retro-tv .scroll-hint svg{width:2em;height:2em;animation:rtv-bounce-arrow 1.5s ease-in-out infinite}@media(orientation:portrait){.retro-tv .scroll-hint{font-size:1.8em;bottom:1em}}.retro-tv:has(#on-off:checked) .scroll-hint{animation:rtv-scroll-hint-appear 1s ease-out forwards;animation-delay:9s}.retro-tv .tv-narrative{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:6;pointer-events:none;opacity:0}.retro-tv .tv-year{position:relative;font-family:Courier New,monospace;font-size:8em;font-weight:700;color:var(--wht);text-shadow:0 0 .3em #00ff4488,0 0 1em #00ff4444;opacity:0;letter-spacing:.1em}@media(max-width:768px)and (orientation:portrait){.retro-tv .tv-year{font-size:14em}}.retro-tv .tv-story{position:relative;font-family:Courier New,monospace;font-size:3.5em;color:var(--wht);text-align:center;max-width:80%;line-height:1.4;text-shadow:0 0 .3em #00ff4488;opacity:0}@media(orientation:portrait){.retro-tv .tv-story{font-size:4.2em;max-width:88%}}.retro-tv:has(#on-off:checked) .tv-logo{animation:rtv-vibrate .15s infinite,rtv-logo-fade 6s ease-in-out forwards}.retro-tv:has(#on-off:checked) .tv-narrative{opacity:1}.retro-tv:has(#on-off:checked) .tv-year{animation:rtv-year-appear 8s ease-in-out forwards}.retro-tv:has(#on-off:checked) .tv-story{animation:rtv-story-appear 8s ease-in-out forwards;animation-delay:5s}.retro-tv .tv-logo-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5}.retro-tv .tv-logo{width:75%;max-width:none;height:auto;position:relative;filter:brightness(1.3) contrast(.9) sepia(.3) saturate(.8);animation:rtv-vibrate .15s infinite;image-rendering:auto}@media(orientation:portrait){.retro-tv .tv-logo{width:80%}}@keyframes on-button{0%,50%{background:#792e5b;filter:brightness(1.5) contrast(1.2);box-shadow:inset 0 0 .2em .1em var(--body),inset -1em 1em 1em hsla(var(--body-hsl),.5),inset -.25em .25em .1em hsla(var(--wht-hsl),.5),inset .25em -.25em .1em hsla(var(--body-hsl),.5),inset 0 0 0 .5em var(--metal),inset 0 0 0 .6em var(--body),inset -.6em .6em hsla(var(--wht-hsl),.5),inset .6em -.6em hsla(var(--body-hsl),.5),inset 0 0 0 .8em hsla(var(--body-hsl),.2)}}@keyframes rtv-channel{50%{background:var(--body);mix-blend-mode:unset}70%{background:linear-gradient(#f0f,#0ff);filter:blur(1em);mix-blend-mode:screen}}@keyframes rtv-wobble-hard{to{transform:translate3d(3em,-3.5em,10em) rotateX(-30deg)}}@keyframes rtv-tuning{0%{transform:translate3d(-10em,-30em,0)}to{transform:translate3d(10em,30em,0)}}@keyframes rtv-scanning{33%{transform:translate3d(-.2em,0,0)}66%{transform:translate3d(.3em,0,0);filter:brightness(.9)}98%,to{opacity:1}99%{opacity:0}}@keyframes rtv-scanning-lg{33%{transform:translate3d(-2em,0,0)}66%{transform:translate3d(2em,0,0)}}@keyframes rtv-wobble{to{transform:translate3d(0,-3.5em,10em) rotateX(-30deg)}}@keyframes rtv-rotate{to{transform:rotateY(360deg)}}@keyframes rtv-light{10%{filter:hue-rotate(0deg) brightness(2) drop-shadow(-1em -1em .2em hsla(0,100%,50%,.2)) drop-shadow(1em 1em .2em hsla(120,100%,50%,.2))}20%{filter:hue-rotate(-180deg) brightness(1) drop-shadow(-1em -1em .2em hsla(0,100%,50%,.2)) drop-shadow(1em 1em .2em hsla(120,100%,50%,.2))}60%{filter:hue-rotate(-360deg) brightness(.2) drop-shadow(-1em -1em .2em hsla(0,100%,50%,.2)) drop-shadow(1em 1em .2em hsla(120,100%,50%,.2))}}@keyframes rtv-on{30%{transform:scaleY(.01) scaleX(.02)}40%{transform:scaleY(.01) scaleX(1)}49%{transform:scaleY(.7) scaleX(.7)}48%,50%,69%,71%,79%,81%,to{transform:scaleY(1) scaleX(1)}70%,80%{transform:scaleY(-1) scaleX(1)}}@keyframes rtv-off{30%{transform:scaleY(.01) scaleX(.02)}40%{transform:scaleY(.01) scaleX(1)}49%{transform:scaleY(.7) scaleX(.7)}48%,50%,69%,71%,79%,81%,to{transform:scaleY(1) scaleX(1)}70%,80%{transform:scaleY(-1) scaleX(1)}}@keyframes rtv-change{to{transform:translate3d(0,-10em,0) skew(-80deg)}}@keyframes rtv-pixels3{to{transform:translate3d(10px,-20px,0)}}@keyframes rtv-pixels2{to{transform:translate3d(0,-5em,0)}}@keyframes rtv-rotatez2{0%{transform:rotate(90deg)}50%{transform:rotateX(205deg) scale(2)}to{transform:rotate(450deg)}}@keyframes rtv-rotatex{50%{transform:rotateX(180deg) scale(2)}to{transform:rotateX(360deg)}}@keyframes rtv-vibrate{0%{margin:-.5px 0 0 .5px}20%{margin:1px 0 0 -.5px}40%{margin:.5px 0 0 1px}60%{margin:-.5px 0 0 -1px}80%{margin:1px 0 0 .5px}to{margin:-1px 0 0 -.5px}}@keyframes rtv-blink-btn{0%,to{filter:brightness(1)}50%{filter:brightness(2) drop-shadow(0 0 .5em #ff0199)}}@keyframes rtv-blink-text{0%,to{opacity:.4}50%{opacity:1}}@keyframes rtv-bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(.5em)}}@keyframes rtv-scroll-hint-appear{0%{opacity:0;transform:translate(-50%) translateY(1em)}to{opacity:.9;transform:translate(-50%) translateY(0)}}@keyframes rtv-logo-fade{0%,40%{opacity:1}60%,to{opacity:0}}@keyframes rtv-year-appear{0%,30%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.1)}50%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes rtv-story-appear{0%{opacity:0;transform:translateY(1em)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:.8;transform:translateY(0)}}