*,*:before,*:after{box-sizing:border-box}*{margin:0;border:0}html{font-size:6px;--lightness-factor: 1}@media screen and (min-width: 700px){html{font-size:8px}}@media screen and (min-width: 900px){html{font-size:10px}}@media screen and (min-width: 1000px){html{font-size:12px}}@media screen and (min-width: 1600px){html{font-size:16px}}body{background-color:oklch(calc(97.6% * var(--lightness-factor)) .014 57.59)}main{display:flex;align-items:center;justify-content:center;height:100dvh}.tv-container{display:flex;flex-direction:column;align-items:center}.tv{display:flex;flex-direction:row;margin:0 4rem;border:1px solid oklch(0% 0 0);border-radius:.5rem;padding:1rem;background-color:oklch(calc(49.73% * var(--lightness-factor)) .065 52.7);gap:1rem;z-index:3}.bezel{width:40rem;border:1px solid oklch(0% 0 0);border-radius:.25rem;padding:1.5rem;background-color:oklch(calc(73.48% * var(--lightness-factor)) 0 0)}.monitor{width:100%;aspect-ratio:4/3;border:.125rem solid oklch(0% 0 0);border-radius:3rem;background:linear-gradient(oklch(calc(51.03% * var(--lightness-factor)) 0 0),oklch(calc(32.11% * var(--lightness-factor)) 0 0));box-shadow:0 0 1px .75rem oklch(cal(62.68% * var(--lightness-factor)) 0 0)}.picture,.picture iframe{width:100%;height:100%;border-radius:3rem}.picture iframe{transform:scale(1.005)}.dead-picture{background:linear-gradient(oklch(calc(51.03% * var(--lightness-factor)) 0 0),oklch(calc(32.11% * var(--lightness-factor)) 0 0))}.static-noise-picture{--staticnoise-size: 4;background-image:paint(staticnoise)}.test-picture{background:linear-gradient(to right,#fff 0%,#fff 14.3%,#ffff01 14.3%,#ffff01 28.6%,#00fdfe 28.6%,#00fdfe 42.9%,#00ff01 42.9%,#00ff01 57.2%,#fe00f9 57.2%,#fe00f9 71.5%,#fe0000 71.5%,#fe0000 85.8%,#0000fe 85.8%)!important}.credits{display:flex;flex-direction:column;padding:0 3rem;gap:20rem;align-items:center;color:#fff;font-family:Georgia,Times New Roman,Times,serif;line-height:150%;text-transform:uppercase;text-align:center;overflow:hidden;background:linear-gradient(to right,#000 0%,#000 100%)}@media screen and (min-width: 450px){.credits{gap:5rem}}.credits section{display:flex;flex-direction:column;justify-content:center;min-height:100%}.credits h1{font-size:1.25rem}.credits h1 span{font-weight:500;font-size:.75rem}.credits h2{font-size:.825rem;margin-bottom:1.5rem}.credits dl{display:flex;flex-direction:column;gap:2rem}.credits dl div{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.credits dt,.credits dd{font-size:.725rem;text-align:right}.credits dd{font-weight:700;text-align:left}.side-panel{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:25%;border:1px solid oklch(0% 0 0);border-radius:.5rem;padding:2rem .5rem .5rem;gap:.1rem;background-color:oklch(calc(51.83% * var(--lightness-factor)) .061 59.53)}.channel-button{display:flex;justify-content:center;align-items:center;width:70%;aspect-ratio:1/1;border:1px solid oklch(0% 0 0);border-radius:10000px;background-color:oklch(calc(32.11% * var(--lightness-factor)) 0 0);appearance:none;cursor:pointer;--rotation-angle: 0deg;transform:rotate(var(--rotation-angle))}.channel-button-dial{display:flex;justify-content:flex-start;align-items:center;width:90%;height:15%;border:1px solid oklch(0% 0 0);border-radius:.25rem;padding-left:.1rem;background-color:oklch(calc(59.99% * var(--lightness-factor)) 0 0)}.channel-button-dial-pointer{width:20%;height:40%;border-radius:.25rem;background-color:oklch(0% 0 0)}.decoration-small{width:40%;aspect-ratio:7/3;border:1px solid oklch(0% 0 0);border-radius:.25rem;background-color:oklch(calc(32.11% * var(--lightness-factor)) 0 0)}.decoration-big{height:40%;aspect-ratio:3/4;border:1px solid oklch(0% 0 0);border-radius:.25rem;background-color:oklch(calc(32.11% * var(--lightness-factor)) 0 0)}.table-top{width:100%;height:4rem;border-radius:50%;background-color:oklch(calc(85.54% * var(--lightness-factor)) .09878967520481909 61.44673961930269);border:1px solid oklch(0% 0 0);transform:rotateX(180deg);transform-origin:top}.table-top-up{margin-top:1.5rem;z-index:2}.table-top-down{margin-top:-2rem;border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:1}.table-legs{margin-top:-6rem;width:100%;display:flex;justify-content:space-between;padding:0 6rem}.table-leg{width:2rem;height:20rem;background-color:oklch(calc(52.08% * var(--lightness-factor)) 0 0);border:1px solid oklch(0% 0 0);border-bottom-left-radius:30%;border-bottom-right-radius:30%;transform:rotate(10deg)}.table-leg-back{height:16rem}.table-leg-right{transform:rotate(-10deg)}.table-leg-back-left{margin-right:15.5rem}.table-leg-back-right{margin-left:15.5rem;transform:rotate(-10deg)}