*{box-sizing:border-box;margin:0;padding:0}:root{--wood-dark:#2b1a10;--wood-mid:#4a2d1a;--wood-light:#6b4226;--bakelite:#1c1815;--cream:#e8e0c8;--led-off:#3a1512;--led-on:#ff4d38;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");--scratches:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.012 0.35' numOctaves='1' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.95 0 0 0 0 0.8 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23s)'/%3E%3C/svg%3E")}html,body{height:100%}html{background:#0b0b0c}body{-webkit-font-smoothing:antialiased;color:#b8b2a4;background:#0b0b0c;font-family:Space Grotesk,system-ui,sans-serif;overflow-x:hidden}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(56% 50% at 50% 42%,#ffffff07,#0000 72%);position:fixed;inset:0}.room-light{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(44% 38% at var(--lx,50%) var(--ly,42%), rgba(var(--tv-r,140), var(--tv-g,160), var(--tv-b,200), .3), transparent 70%), radial-gradient(95% 85% at var(--lx,50%) var(--ly,42%), rgba(var(--tv-r,140), var(--tv-g,160), var(--tv-b,200), .11), transparent 82%);position:fixed;inset:0}body:before{content:"";pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.room{z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.stage{transform-origin:50%;flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:44px;display:flex}.tv{-webkit-user-select:none;user-select:none}.antenna{z-index:0;height:124px;margin-bottom:-18px;position:relative}.rod{transform-origin:bottom;background:linear-gradient(#0000 30%,#00000073 31%,#ffffff4d 33%,#0000 35% 62%,#00000073 63%,#ffffff4d 65%,#0000 67%),linear-gradient(90deg,#6f6a62,#d9d5cc 45%,#8a857b);border-radius:2px;width:3px;height:132px;position:absolute;bottom:0;left:50%}.rod:after{content:"";background:radial-gradient(circle at 35% 30%,#eae6dc,#7c766c);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-4px;left:50%}.rod-l{transform:rotate(-24deg)}.rod-r{transform:rotate(19deg)}.antenna-base{background:linear-gradient(#2b2622,#171310);border-radius:9px 9px 0 0;width:44px;height:20px;margin-left:-22px;position:absolute;bottom:-8px;left:50%;box-shadow:inset 0 1px 1px #ffffff1f}.tv-cabinet{z-index:1;background: linear-gradient(118deg, #ffe2b41f 0%, #ffe2b408 22%, transparent 40%, #0000001f 85%),  repeating-linear-gradient(93deg, #0000 0px, #00000029 2px, #0000 5px, #ffffff06 8px, #00000017 13px, #0000 17px),  repeating-linear-gradient(87deg, #0000 0px, #0000001f 26px, #1e0e062e 27px, #0000 55px),  linear-gradient(174deg, #74492b 0%, var(--wood-mid) 34%, #3d2414 70%, var(--wood-dark) 100%);border-radius:26px;gap:20px;padding:26px 24px 26px 26px;display:flex;position:relative;box-shadow:inset 2px 3px 3px #ffd6aa4d,inset -2px -4px 8px #0009,0 2px 4px #0006,6px 20px 44px #0009,14px 48px 90px #00000073}.tv-cabinet:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(30% 18% at 78% 88%, #0000002e, transparent 70%), radial-gradient(24% 14% at 14% 12%, #ffe6be0f, transparent 70%), var(--scratches), var(--grain);mix-blend-mode:overlay;opacity:.9;position:absolute;inset:0}.screen-bay{background:linear-gradient(#241610,#180e09);border-radius:18px;padding:14px;box-shadow:inset 0 3px 8px #000000d9,inset 0 -1px 2px #ffc89614}.screen-bezel{background:linear-gradient(160deg,#23201d,#0e0d0c 60%);border-radius:10px;padding:10px;position:relative;box-shadow:inset 0 2px 5px #000000e6,inset 0 0 1px 1px #ffffff0d}#crt{aspect-ratio:4/3;cursor:crosshair;background:#000;border-radius:22px;width:520px;height:auto;display:block}.screen-glass{pointer-events:none;background: radial-gradient(90% 60% at 28% 16%, #ffffff17 0%, #ffffff05 34%, transparent 55%),  radial-gradient(32% 26% at 5% 97%, #82766017, transparent 70%), radial-gradient(26% 20% at 96% 4%, #8276600f, transparent 70%), var(--grain), radial-gradient(120% 120% at 50% 120%, transparent 60%, #00000047 100%);border-radius:22px;transition:opacity 1.2s;position:absolute;inset:10px;box-shadow:inset 0 0 40px #00000073}body.tv-on .screen-glass{opacity:.42}body.tv-on .screen-bezel{box-shadow:inset 0 2px 5px #000000e6,inset 0 0 1px 1px #ffffff0d,inset 0 0 18px #96b4ff1f}.screen-glow{pointer-events:none;opacity:0;background:radial-gradient(60% 55% at 50% 45%,#96b4ff21,#0000 70%);border-radius:60px;transition:opacity .9s;position:absolute;inset:-50px}.control-panel{background:linear-gradient(118deg,#fff0d20d,#0000 35%),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px),linear-gradient(#26211c,#16120e);border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;width:152px;padding:14px 8px;display:flex;position:relative;box-shadow:inset 1px 2px 4px #000c,inset -1px -1px 1px #ffdcb412,0 0 0 1px #0b0908,0 0 0 2px #beb4a024}.control-panel:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(40% 24% at 50% 78%, #ffffff06, transparent 70%), var(--grain);opacity:.8;position:absolute;inset:0}.brand-plate{text-align:center;padding:6px 16px 8px;position:relative}.brand-plate:before,.brand-plate:after{content:"";background:linear-gradient(115deg,#0000 40%,#120e0ae6 45% 55%,#0000 60%),radial-gradient(circle at 35% 30%,#d8d2c4,#7b7466 60%,#4e483e);border-radius:50%;width:6px;height:6px;margin-top:-4px;position:absolute;top:50%;box-shadow:0 1px 1px #000c,inset 0 -1px 1px #00000080}.brand-plate:before{left:0}.brand-plate:after{right:0;transform:rotate(64deg)}.brand-name{letter-spacing:.26em;background:linear-gradient(#f7f4ea 0%,#cfc9bb 34%,#928b7c 52%,#e2dccd 72%,#7a7367 100%);color:#0000;filter:drop-shadow(0 1px #000000e6)drop-shadow(0 -.5px #ffffff2e);-webkit-background-clip:text;background-clip:text;margin-right:-.26em;font-family:Michroma,sans-serif;font-size:11px;display:block}.dial-group{flex-direction:column;align-items:center;display:flex;position:relative}.dial-group:has(.knob-channel){padding:20px 20px 22px}.dial-labels{z-index:1;pointer-events:none;width:0;height:0;position:absolute;top:20px;left:50%}.dial-labels span{color:#cbc3b2;font-variant-numeric:tabular-nums;text-shadow:0 -1px #000000d9,0 1px #ffffff12;font-size:10px;font-weight:500;transition:color .25s,text-shadow .25s;position:absolute;transform:translate(-50%,-50%)}.dial-labels span.active{color:#ffe9b0;text-shadow:0 0 6px #ffdc82cc}.knob{cursor:grab;touch-action:none;background:conic-gradient(#2e2822 0%,#575043 9%,#2e2822 20%,#464036 38%,#221d18 52%,#514a3f 64%,#221d18 78%,#837a6a 88%,#4a443a 94%,#2e2822 100%);border-radius:50%;width:96px;height:96px;position:relative;box-shadow:2px 4px 8px #000000b3,6px 12px 22px #00000073,inset 1px 1px 1px #fffaeb4d,inset -1px -2px 2px #0009}.knob:active{cursor:grabbing}.knob:focus-visible{outline-offset:3px;outline:2px solid #ffe9b0}.knob-face{z-index:1;background:radial-gradient(circle,#0000 54%,#000000ad 56%,#fff6e014 59%,#0000 61%),radial-gradient(circle,#393129 0%,#272119 40%,#1a1510 55.8%,#0000 56.2%),repeating-conic-gradient(#5a4d3e 0deg,#3a3128 2.2deg,#171310 4.5deg,#3a3128 6.8deg,#5a4d3e 9deg);border-radius:50%;transition:transform .28s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:4px}.knob.dragging .knob-face{transition:none}.knob:before{content:"";z-index:2;background:radial-gradient(circle at 31% 25%,#fdfbf4 0%,#cfc9bb 28%,#847c6d 54%,#b5ae9e 76%,#5c5549 100%);border-radius:50%;width:27px;height:27px;margin:-13.5px 0 0 -13.5px;position:absolute;top:50%;left:50%;box-shadow:0 1.5px 3px #000000bf,inset 0 -1px 2px #00000073,inset .5px 1px 1px #fff9}.knob:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(60% 60% at 31% 23%, #fff5da47, #fff5da0f 46%, transparent 64%), radial-gradient(75% 75% at 72% 84%, #0000006b, transparent 58%), radial-gradient(140% 140% at 50% -40%, transparent 76%, #ffeccd21 82%, transparent 88%), var(--grain);border-radius:50%;position:absolute;inset:0}.knob-pointer{background:linear-gradient(#f3e8c8,#b8ad8d);border-radius:3px;width:6px;height:21px;margin-left:-3px;position:absolute;top:7px;left:50%;box-shadow:0 0 0 1px #0000008c,0 0 8px #fff0c840}.knob-volume{width:60px;height:60px}.knob-volume .knob-face{background:radial-gradient(circle,#0000 52%,#000000ad 54.5%,#fff6e014 58%,#0000 60.5%),radial-gradient(circle,#393129 0%,#272119 38%,#1a1510 53.8%,#0000 54.2%),repeating-conic-gradient(#5a4d3e 0deg,#3a3128 3.6deg,#171310 7.5deg,#3a3128 11.2deg,#5a4d3e 15deg);inset:3px}.knob-volume:before{width:16px;height:16px;margin:-8px 0 0 -8px}.knob-volume .knob-pointer{width:4px;height:13px;margin-left:-2px;top:5px}.speaker-grille{background:linear-gradient(118deg,#fff0d20d,#0000 45%),repeating-linear-gradient(0deg,#000000e6 0 3px,#70624e80 3px 3.8px,#96866c38 3.8px 4.4px,#6054426b 4.4px 5.5px);border-radius:8px;flex:1;width:86px;min-height:60px;position:relative;box-shadow:inset 2px 3px 6px #000000e6,inset -1px -1px 1px #ffdcb40f}.speaker-grille:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(80% 60% at 60% 90%, #00000059, transparent 70%), var(--grain);position:absolute;inset:0}.power-switch{cursor:pointer;background:var(--grain), linear-gradient(118deg, #fff5d717, transparent 50%), linear-gradient(180deg, #35302a, #1a1613);border:none;border-radius:7px;align-items:center;gap:7px;min-height:40px;padding:9px 14px;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:1px 2px 4px #000000b3,inset 1px 1px 1px #ffffff29,inset -1px -1px 2px #00000080}.power-switch:active{transform:scale(.96);box-shadow:0 1px 2px #000000b3,inset 0 1px 3px #0009}.power-led{background:radial-gradient(circle at 32% 26%,#ffffff73,#0000 45%),radial-gradient(circle,#4a1c15,#29100b);border-radius:50%;width:8px;height:8px;transition:box-shadow .3s;box-shadow:inset 0 1px 1px #000c}.power-led.on{background:radial-gradient(circle at 32% 26%,#ffffffb3,#0000 48%),radial-gradient(circle,#ff6a50,#c22a18);box-shadow:0 0 8px #ff4d38e6,0 0 16px #ff4d3866}.tv-feet{justify-content:space-between;padding:0 60px;display:flex}.tv-feet span{background:linear-gradient(#241812,#0f0a07);border-radius:0 0 6px 6px;width:26px;height:22px;box-shadow:0 6px 10px #0009}.foreground{z-index:3;pointer-events:none;position:fixed;inset:auto 0 0}.foreground>*{pointer-events:auto}.remote{transform-origin:bottom;will-change:transform;background:linear-gradient(118deg,#ffffff0d,#0000 40%),linear-gradient(170deg,#2e2b28,#1b1917 70%,#131211);border-radius:22px;width:176px;padding:16px 14px 34px;transition:transform .7s cubic-bezier(.3,1.12,.32,1);position:fixed;bottom:-14px;left:56%;transform:translate(-50%)scale(.7)perspective(1100px)rotateX(48deg)rotate(-2deg);box-shadow:inset 1px 1px 1px #ffffff24,inset -1px -2px 4px #0009,2px 4px 7px #00000080,6px 18px 34px #0000008c}.remote:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(50% 30% at 50% 88%, #ffffff08, transparent 70%), var(--grain);opacity:.85;position:absolute;inset:0}.remote-digits .rbtn:nth-child(3n+1){filter:brightness(.97);transform:rotate(-.5deg)}.remote-digits .rbtn:nth-child(3n+2){filter:brightness(1.04)}.remote-digits .rbtn:nth-child(4n){transform:rotate(.45deg)}.remote-digits .rbtn:nth-child(5){filter:brightness(.92)}.remote-digits .rbtn:nth-child(3n+1):active,.remote-digits .rbtn:nth-child(4n):active{transform:scale(.96)}.remote:not(.tucked):hover{transform:translate(-50%)scale(.75)perspective(900px)rotateX(12deg)rotate(-2.5deg)}.remote:not(.tucked):has(:focus-visible){transform:translate(-50%)scale(.75)perspective(900px)rotateX(12deg)rotate(-2.5deg)}.remote.tucked{transform:translate(-50%)translateY(calc(100% - 118px))perspective(900px)rotateX(11deg)rotate(-2.5deg)}.remote.tucked:hover{transform:translate(-50%)scale(.78)perspective(900px)rotateX(12deg)rotate(-2.5deg)}.remote.tucked:has(:focus-visible){transform:translate(-50%)scale(.78)perspective(900px)rotateX(12deg)rotate(-2.5deg)}body.no-hover.layout-bottom .remote,body.no-hover.layout-bottom .remote.tucked{transform-origin:bottom;bottom:12px;transform:translate(-50%)scale(.82)}.remote-top{justify-content:flex-end;margin-bottom:14px;padding:0 2px;display:flex}.rbtn{color:#cfc8b8;cursor:pointer;background:var(--grain), radial-gradient(90% 70% at 32% 22%, #fffaeb17, transparent 60%), linear-gradient(180deg, #3a3631, #232019);font-variant-numeric:tabular-nums;border:none;border-radius:10px;min-width:40px;min-height:40px;font-family:inherit;font-size:15px;font-weight:500;transition:transform .1s,box-shadow .1s,background .1s;box-shadow:1px 2px 3px #0009,inset .5px 1px 1px #ffffff26,inset -1px -2px 3px #0006}.rbtn:active,.rbtn.pressed{background:linear-gradient(#2c2925,#1c1a15);transform:scale(.96);box-shadow:0 1px 1px #0009,inset 0 2px 4px #0000008c}.rbtn-power{background:var(--grain), radial-gradient(90% 70% at 32% 22%, #ffe6dc40, transparent 60%), linear-gradient(180deg, #b03328, #7d1f16);color:#ffd9d2;box-shadow:0 2px 4px #000000b3,inset 0 1px 1px #ffa08c80,inset 0 -2px 3px #00000073}.rbtn-power:active{background:linear-gradient(#8d2920,#6d1a12)}.rbtn-small{letter-spacing:.05em;font-size:10px}.remote-digits{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.remote-rockers{justify-content:space-around;gap:10px;display:flex}.rocker{background:#00000047;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex;box-shadow:inset 0 1px 3px #00000080}.rocker .rbtn{border-radius:8px;font-size:11px}.rocker-label{letter-spacing:.2em;color:#7d766a;margin-right:-.2em;font-size:9px}