:root{--room:#110d0b;--glow:#aab4c829;--walnut-1:#4a2f1c;--walnut-2:#3b2414;--walnut-3:#5a3922;--silver-1:#d9d6cf;--silver-2:#a9a59d;--bezel:#1b1816}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--room);color:#eee;overflow:hidden}.room{background:radial-gradient(ellipse 60% 50% at 50% 46%, var(--glow), transparent 70%), radial-gradient(ellipse 120% 80% at 50% 120%, #241914, transparent 60%), var(--room);place-items:center;width:100%;min-height:100svh;padding:16px;display:grid;position:relative}.tv{filter:drop-shadow(0 3cqi 4cqi #000000b3);width:min(94vw,138.6svh);container-type:inline-size}.tv__body{background:linear-gradient(180deg, #ffffff1f, transparent 8%, transparent 92%, #00000059), repeating-linear-gradient(93deg, transparent 0 .6cqi, #00000017 .6cqi .8cqi, transparent .8cqi 1.7cqi, #ffdcb40d 1.7cqi 2cqi), repeating-linear-gradient(91deg, var(--walnut-1) 0 3cqi, var(--walnut-2) 3cqi 4.4cqi, var(--walnut-3) 4.4cqi 7cqi);border-radius:2.4cqi;grid-template-columns:74cqi 1fr;gap:3cqi;padding:3.5cqi;display:grid;box-shadow:inset 0 .3cqi #ffe6c82e,inset 0 -.5cqi #0006}.tv__bezel{background:linear-gradient(160deg, #2c2724, var(--bezel) 40%, #0c0a09);border-radius:1.8cqi;padding:2.6cqi;box-shadow:inset 0 0 0 .3cqi #000,inset 0 .4cqi .6cqi #ffffff14,0 0 0 .3cqi #00000080}.tv__screen{aspect-ratio:4/3;isolation:isolate;background:#070707;border-radius:9%/12%;position:relative;overflow:hidden;box-shadow:0 0 0 .25cqi #000,0 0 3cqi #aabedc40}.card{filter:saturate(1.15)contrast(1.06)blur(.25px);width:103%;height:103%;display:block;position:absolute;inset:-1.5%}.tv__scan,.tv__glass,.tv__roll{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.tv__scan{mix-blend-mode:multiply;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ff00000a 0 1px,#00ff0008 1px 2px,#0000ff0a 2px 3px)}.tv__glass{background:radial-gradient(75% 70%,#0000 55%,#0000008c 100%),linear-gradient(135deg,#ffffff29 0%,#ffffff0a 22%,#0000 40%),radial-gradient(30% 18% at 22% 14%,#ffffff24,#0000 70%);box-shadow:inset 0 0 4cqi #0009}.tv__roll{opacity:0;background:linear-gradient(#0000 0%,#ffffff0d 45%,#ffffff17 50%,#ffffff0d 55%,#0000 100%) 0 0/100% 30% no-repeat}.tv__panel{background:repeating-linear-gradient(90deg, #ffffff0f 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--silver-1), var(--silver-2));border-radius:1.2cqi;flex-direction:column;align-items:center;gap:2.2cqi;padding:2cqi 1.6cqi;display:flex;box-shadow:inset 0 .2cqi #fff9,inset 0 -.3cqi .4cqi #00000040,0 0 0 .25cqi #00000073}.tv__badge{color:#e9e3d4;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#2b2b2b,#111);border-radius:.4cqi;padding:.4cqi 1cqi;font:italic 700 1.5cqi/1.2 Georgia,Times New Roman,serif;box-shadow:inset 0 .1cqi #fff3}.tv__knobs{flex-direction:column;align-items:center;gap:1.6cqi;display:flex}.knob{aspect-ratio:1;background:radial-gradient(circle at 38% 32%, #ffffff59, transparent 40%), repeating-conic-gradient(#1a1a1a 0 5deg, #383838 5deg 10deg);border-radius:50%;width:9cqi;display:block;position:relative;box-shadow:0 .5cqi .8cqi #00000080,inset 0 0 0 .6cqi #00000040}.knob:before{content:"";background:radial-gradient(circle at 40% 35%,#6a6a6a,#222 70%);border-radius:50%;position:absolute;inset:22%}.knob:after{content:"";transform-origin:50% 154%;background:#f0e7d0;border-radius:.3cqi;width:.5cqi;height:26%;position:absolute;top:10%;left:calc(50% - .25cqi);transform:rotate(-35deg)}.knob--small{width:6.5cqi}.knob--small:after{transform:rotate(50deg)}.tv__presets{grid-template-columns:repeat(3,1fr);gap:.6cqi;width:100%;display:grid}.tv__presets span{background:linear-gradient(#f3f1ec,#bdb8ae);border-radius:.3cqi;height:2cqi;display:block;box-shadow:0 .25cqi #6d6860,0 .35cqi .4cqi #0000004d}.tv__presets span.is-down{background:linear-gradient(#d9d5cc,#b3ada2);transform:translateY(.2cqi);box-shadow:0 .05cqi #6d6860}.tv__speaker{background:repeating-linear-gradient(#151312 0 .45cqi,#0000 .45cqi 1cqi),linear-gradient(#8f8a82,#77726a);border-radius:.6cqi;flex:1;width:100%;min-height:6cqi;box-shadow:inset 0 .2cqi .4cqi #0006}.tv__power{justify-content:space-between;align-items:center;width:100%;display:flex}.tv__led{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#ffb3a6,#e3241b 60%);border-radius:50%;width:1.2cqi;box-shadow:0 0 1cqi .2cqi #ff321eb3}.tv__switch{background:linear-gradient(#2a2a2a,#0f0f0f);border-radius:.4cqi;width:4.5cqi;height:2.2cqi;box-shadow:0 .25cqi #000,inset 0 .1cqi #fff3}.tv__feet{justify-content:space-between;padding:0 10cqi;display:flex}.tv__feet span{background:linear-gradient(#1c1410,#0a0806);border-radius:0 0 .8cqi .8cqi;width:7cqi;height:2cqi}@media (aspect-ratio<=4/5){.tv{width:min(94vw,89.76svh)}.tv__body{border-radius:4cqi;grid-template-columns:1fr;gap:4cqi;padding:4cqi}.tv__bezel{border-radius:3cqi;padding:4cqi}.tv__panel{border-radius:2cqi;flex-direction:row;align-items:center;gap:3cqi;padding:3cqi}.tv__badge{font-size:2.6cqi}.tv__knobs{flex-direction:row;gap:3cqi}.knob{width:12cqi}.knob--small{width:9cqi}.tv__presets{gap:1cqi;width:18cqi}.tv__presets span{height:3cqi}.tv__speaker{background:repeating-linear-gradient(90deg,#151312 0 .7cqi,#0000 .7cqi 1.6cqi),linear-gradient(#8f8a82,#77726a);align-self:stretch;min-height:0}.tv__power{flex-direction:column;gap:2cqi;width:auto}.tv__led{width:2cqi}.tv__switch{width:7cqi;height:3.5cqi}}@media (prefers-reduced-motion:no-preference){.tv__screen{animation-name:flicker;animation-duration:6s;animation-timing-function:step-end;animation-iteration-count:infinite}.tv__roll{opacity:1;animation-name:roll;animation-duration:9s;animation-timing-function:linear;animation-iteration-count:infinite}}@keyframes flicker{0%,to{filter:brightness()}31%{filter:brightness(1.04)}32%{filter:brightness(.98)}33%{filter:brightness()}77%{filter:brightness(1.03)}78%{filter:brightness()}}@keyframes roll{0%{background-position:0 -40%}to{background-position:0 140%}}