:root{--phosphor-main: #ffffff;--phosphor-shadow: #222222;--screen-bg: #050505}body,html{margin:0;padding:0;width:100%;height:100%;background-color:#111;overflow:hidden;font-family:Courier New,Courier,monospace}#app{width:100%;height:100%}.room{width:100%;height:100%;background:radial-gradient(circle at center,#2a2a35,#020202);display:flex;justify-content:center;align-items:center}.tv-set{background:linear-gradient(135deg,#444,#1a1a1a);border-radius:12px;padding:25px 20px 25px 35px;display:flex;gap:25px;box-shadow:0 50px 80px -20px #000,inset 0 2px 2px #ffffff26,inset 0 -3px 6px #0009;border:2px solid #0a0a0a}.tv-bezel{background:#080808;padding:40px;border-radius:20px;box-shadow:inset 0 0 25px #000,0 2px 2px #ffffff0d;border:2px solid #000}.screen-wrapper{position:relative;width:55vw;max-width:750px;aspect-ratio:4 / 3;border-radius:25px;overflow:hidden;background:#000;box-shadow:0 0 10px #000000e6;transition:all .4s cubic-bezier(.25,1,.5,1)}.screen-inner{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--screen-bg);border-radius:inherit;overflow:hidden;transform-origin:center center}.screen-wrapper.pseudo-fullscreen{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;max-width:none!important;border-radius:0!important;z-index:9999!important;aspect-ratio:auto!important}.screen-wrapper.pseudo-fullscreen .remote-control{display:flex!important}#tvVideo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:5;opacity:0;transition:filter .3s;filter:grayscale(100%) contrast(1.2)}canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.9;z-index:6;image-rendering:pixelated;transition:opacity .5s ease-out;pointer-events:none}.overlay-vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;box-shadow:inset 0 0 150px #000000e6,inset 0 0 20px #00000080;background:radial-gradient(circle,#0000 60%,#0006);z-index:10}.overlay-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to bottom,#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:11;opacity:.6}.overlay-humbar{position:absolute;top:0;left:0;width:100%;height:10px;background:#ffffff0d;box-shadow:0 0 100px 30px #0000004d;opacity:.2;z-index:12;animation:scroll 8s linear infinite;pointer-events:none}.osd-text{position:absolute;top:10%;right:10%;color:var(--phosphor-main);font-size:clamp(16px,3vw,32px);font-weight:700;text-align:right;white-space:pre-wrap;text-shadow:0 0 5px var(--phosphor-main),2px 2px 0px rgba(0,0,0,.8);z-index:15;pointer-events:none;opacity:.8;animation:blink 2s infinite;max-width:60%}.osd-logo{position:absolute;top:5%;left:5%;font-family:JetBrains Mono,monospace;font-size:clamp(14px,2.5vw,24px);font-weight:700;color:#fff9;text-shadow:0 0 4px rgba(255,255,255,.4),1px 1px 0px rgba(0,0,0,.8);z-index:15;pointer-events:none;letter-spacing:-.5px;transition:opacity .3s ease}.osd-logo span{font-size:.7em;color:#c8c8c880;margin-left:2px}.osd-logo.hidden{opacity:0}.control-panel{width:150px;display:flex;flex-direction:column;gap:20px;align-items:center;padding-top:10px}.brand-logo{font-family:JetBrains Mono,monospace;font-size:18px;color:#ddd;font-weight:700;text-align:center;margin-bottom:-10px;letter-spacing:-.5px;text-shadow:0 1px 1px rgba(0,0,0,.8)}.brand-logo span{font-size:12px;color:#777;margin-left:2px}.top-buttons{display:flex;gap:10px;width:100%;margin-bottom:5px}.digital-tuning{background:#050505;padding:12px 10px;border-radius:6px;box-shadow:inset 0 2px 8px #000,0 1px 1px #ffffff1a;display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box;border:1px solid #111}.tuning-label{color:#777;font-size:10px;font-family:sans-serif;letter-spacing:1px;text-shadow:0 -1px 0 #000}select{background:#0a1a0a;color:#4f4;border:none;font-family:Courier New,monospace;font-size:11px;padding:5px;width:100%;outline:none;box-shadow:inset 0 0 8px #00ff001a;cursor:pointer;text-transform:uppercase;border-radius:2px}.ch-buttons{display:flex;gap:10px;width:100%}button.physical-btn{background:linear-gradient(to bottom,#666,#333);border:2px solid #111;border-top-color:#888;border-left-color:#777;border-radius:4px;padding:12px 0;flex:1;color:#eee;font-weight:700;font-size:12px;font-family:sans-serif;cursor:pointer;box-shadow:0 4px 6px #0009;text-shadow:-1px -1px 0 #000;transition:all .1s}button.physical-btn:active{transform:translateY(3px);box-shadow:0 1px 2px #000c;border-top-color:#444;border-left-color:#444;background:linear-gradient(to bottom,#444,#222)}.power-btn-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:auto;padding-bottom:20px}.led{width:12px;height:12px;border-radius:50%;background:#300;box-shadow:inset 0 2px 4px #000c,0 1px 1px #fff3;border:1px solid #111;transition:all .2s}.led.on{background:#f33;box-shadow:0 0 10px red,inset 0 2px 4px #fff9;border-color:#a00}button.btn-power-red{flex:none;padding:0;border:none;background:transparent;font-size:0;text-shadow:none;width:56px;height:56px;border-radius:50%;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;outline:none;box-shadow:0 0 0 3px #181818,0 0 0 6px #282828,0 -2px 2px 6px #ffffff0d,0 6px 12px 6px #0009,inset 0 5px 6px #000000e6,inset 0 -2px 3px #ffffff0d;background:#111}button.btn-power-red:active{transform:none!important;box-shadow:0 0 0 3px #181818,0 0 0 6px #282828,0 -2px 2px 6px #ffffff0d,0 6px 12px 6px #0009,inset 0 5px 6px #000000e6,inset 0 -2px 3px #ffffff0d}button.btn-power-red:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff5c5c,#da2222,#a90000 80%,#5c0000);box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -2px 6px #000c,0 6px 10px #000000e6;transition:all .1s cubic-bezier(.4,0,.2,1);z-index:1}button.btn-power-red:after{content:"";position:absolute;top:18%;left:20%;width:60%;height:25%;background:linear-gradient(180deg,#fff9,#fff0);border-radius:50% 50% 0 0;pointer-events:none;z-index:2;transition:all .1s}button.btn-power-red svg{color:#fff;width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));position:relative;z-index:3;transition:transform .1s}button.btn-power-red:active:before{background:radial-gradient(circle at 35% 35%,#da2222,#b71c1c,#8b0000 80%,#4a0000);box-shadow:inset 0 6px 10px #000000e6,inset 0 -1px 2px #ffffff1a,0 1px 2px #000000e6}button.btn-power-red:active:after{top:20%;opacity:.3}button.btn-power-red:active svg{transform:translateY(2px) scale(.95)}.info-container{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:5px}.info-label{font-size:9px;color:#777;font-family:sans-serif;letter-spacing:1px;text-shadow:0 -1px 0 #000}button.btn-info{background:linear-gradient(to bottom,#555,#222);border:2px solid #111;border-top-color:#777;border-left-color:#666;border-radius:50%;width:26px;height:26px;font-size:12px;font-family:serif;font-style:italic;font-weight:700;color:#ddd;cursor:pointer;box-shadow:0 4px 6px #000c;transition:all .1s}button.btn-info:active{transform:translateY(3px);box-shadow:0 1px 2px #000c;border-top-color:#333;border-left-color:#333;background:linear-gradient(to bottom,#333,#111)}button.btn-info.active{transform:translateY(2px);box-shadow:0 1px 2px #000c,inset 0 2px 5px #000c;border-top-color:#333;border-left-color:#333;background:linear-gradient(to bottom,#222,#000);color:#4af;text-shadow:0 0 5px #4af}.remote-control{position:absolute;bottom:40px;right:40px;width:160px;background:linear-gradient(180deg,#444,#222);border-radius:12px;padding:15px;display:none;flex-direction:column;gap:15px;z-index:100;box-shadow:10px 10px 30px #000c,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #00000080;border:2px solid #111;transition:opacity .4s ease;opacity:1}.remote-control.hidden{opacity:0;pointer-events:none}:fullscreen .remote-control{display:flex}:-webkit-full-screen .remote-control{display:flex}.remote-header{color:#888;font-size:10px;text-align:center;letter-spacing:2px;border-bottom:1px solid #333;padding-bottom:5px;margin-bottom:5px;text-shadow:0 -1px 0 #000}.rem-btn{background:linear-gradient(to bottom,#555,#333);border:none;color:#ccc;padding:10px;border-radius:6px;font-family:sans-serif;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 4px #111,0 5px 5px #00000080;text-shadow:0 -1px 0 #000}.rem-btn:active{transform:translateY(4px);box-shadow:0 0 #111,0 1px 2px #00000080}.rem-power-btn{background:linear-gradient(to bottom,#d44,#900);color:#fff;box-shadow:0 4px #400,0 5px 5px #00000080;align-self:flex-start;border-radius:50%;width:40px;height:40px;padding:0;display:flex;justify-content:center;align-items:center;font-size:10px}.rem-power-btn:active{box-shadow:0 0 #400,0 1px 2px #00000080}.rem-btn-group{display:flex;gap:10px}.rem-btn-group .rem-btn{flex:1;padding:10px 0}.remote-control select{background:#1a1a1a;color:#aaa;border:1px solid #000;padding:8px;font-family:sans-serif;font-size:11px;border-radius:4px;outline:none;box-shadow:inset 0 2px 4px #000c}@media(max-width:850px){.tv-set{flex-direction:column;padding:15px;gap:15px;max-height:95vh;overflow-y:auto}.tv-bezel{padding:15px}.screen-wrapper{width:90vw;aspect-ratio:4 / 3}.control-panel{flex-direction:row;width:100%;height:auto;flex-wrap:wrap;justify-content:space-between;padding:0 10px}.top-buttons{width:100%;flex-direction:row;order:1;margin-bottom:0}.digital-tuning{width:auto;flex:2;min-width:150px;order:2}.ch-buttons{width:auto;flex:1;min-width:100px;order:3}.power-btn-container{margin-top:0;padding-bottom:0;flex-direction:row;order:4}}@keyframes scroll{0%{top:-10%;opacity:0}10%{opacity:.2}90%{opacity:.2}to{top:110%;opacity:0}}@keyframes blink{0%,to{opacity:.8}50%{opacity:.3}}@keyframes turn-off-x{0%{transform:scaleX(1);opacity:1}60%{transform:scaleX(.005);opacity:1}to{transform:scaleX(0);opacity:0}}@keyframes turn-off-y{0%{transform:scaleY(1);opacity:1}60%{transform:scaleY(.005);opacity:1}to{transform:scaleY(0);opacity:0}}.crt-off{animation:turn-off-y .4s cubic-bezier(.23,1,.32,1) forwards}.crt-off canvas,.crt-off #tvVideo,.crt-off .overlay-scanlines,.crt-off .overlay-humbar{animation:turn-off-x .4s cubic-bezier(.23,1,.32,1) forwards}.crt-initial-off{transform:scaleY(0);opacity:0}.crt-initial-off canvas,.crt-initial-off #tvVideo,.crt-initial-off .overlay-scanlines,.crt-initial-off .overlay-humbar{transform:scaleX(0);opacity:0}@keyframes turn-on-y{0%{transform:scaleY(.005);opacity:0}30%{transform:scaleY(.005);opacity:1}to{transform:scaleY(1);opacity:1}}@keyframes turn-on-x{0%{transform:scaleX(0);filter:brightness(5)}30%{transform:scaleX(1);filter:brightness(5)}to{transform:scaleX(1);filter:brightness(1)}}.crt-on{animation:turn-on-y .4s cubic-bezier(.23,1,.32,1) forwards}.crt-on canvas,.crt-on #tvVideo,.crt-on .overlay-scanlines,.crt-on .overlay-humbar{animation:turn-on-x .4s cubic-bezier(.23,1,.32,1) forwards}