:root{--primary-bg: #0a0a0a;--secondary-bg: #1a1a1a;--accent-bg: #2a2a2a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--accent-color: #ff6b6b;--accent-rgb: 255, 107, 107;--success-color: #51cf66;--warning-color: #ffd43b;--neon-blue: #00d4ff;--neon-pink: #ff007f;--neon-green: #39ff14;--font-primary: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Consolas", "Monaco", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-neon: 0 0 20px currentColor;--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.hidden{display:none!important}.visible{display:block!important}.btn{background:var(--accent-bg);border:none;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);font-family:inherit}.btn:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{background:var(--accent-bg);transform:none;box-shadow:var(--shadow-sm)}.btn.active{background:var(--accent-color);box-shadow:0 0 15px rgba(var(--accent-rgb),.4)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-color)}.text-neon-blue{color:var(--neon-blue)}.text-neon-pink{color:var(--neon-pink)}.text-neon-green{color:var(--neon-green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%{text-shadow:0 0 10px currentColor}to{text-shadow:0 0 20px currentColor,0 0 30px currentColor}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(45deg,var(--primary-bg),var(--secondary-bg));display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity var(--transition-slow),visibility var(--transition-slow);animation:loading-static .1s infinite}@keyframes loading-static{0%{background-position:0 0}to{background-position:2px 2px}}.loading-content{text-align:center;animation:pulse 2s ease-in-out infinite}.loading-screen .tv-icon{font-size:4rem;margin-bottom:var(--spacing-lg);animation:tv-flicker 2s ease-in-out infinite}@keyframes tv-flicker{0%,to{opacity:1;transform:scale(1);filter:brightness(1)}10%{opacity:.8;transform:scale(1.05);filter:brightness(1.2)}20%{opacity:.9;transform:scale(.98);filter:brightness(.9)}50%{opacity:.95;transform:scale(1.02);filter:brightness(1.1)}}.loading-text{font-size:1.5rem;font-weight:300;margin-bottom:var(--spacing-lg);color:var(--neon-blue);text-shadow:var(--shadow-neon);font-family:var(--font-mono);animation:text-glitch 3s ease-in-out infinite}.loading-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--neon-blue);text-shadow:var(--shadow-neon);text-align:center;background:linear-gradient(45deg,var(--neon-blue),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtitle{font-size:1.2rem;font-weight:400;margin-bottom:var(--spacing-lg);color:var(--text-secondary);text-align:center;opacity:.9}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes text-glitch{0%,to{text-shadow:0 0 5px rgba(0,255,0,.5)}20%{text-shadow:-2px 0 5px rgba(255,0,0,.5),2px 0 5px rgba(0,0,255,.5)}40%{text-shadow:0 0 5px rgba(0,255,0,.8)}}.loading-bar{width:200px;height:4px;background:var(--accent-bg);border-radius:var(--radius-sm);overflow:hidden;margin:0 auto}.loading-progress{height:100%;background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink));border-radius:var(--radius-sm);animation:loadingProgress 2s ease-in-out infinite}@keyframes loadingProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}body{display:flex;flex-direction:column;gap:0px;background-image:url(/wallpaper.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;overflow:auto;min-height:100vh;width:100vw}.scale-container{width:1280px;height:920px;transform-origin:center center;position:fixed;top:50%;left:40%;transform:translate(-50%,-50%) scale(1);transition:transform .5s ease-out;overflow:visible;z-index:1}.main-app{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xl);width:100%;height:100%;padding:1.5rem;box-sizing:border-box;position:relative}.main-app.hidden{opacity:0;pointer-events:none}.retro-text{font-size:2rem;font-weight:700;background:linear-gradient(45deg,var(--neon-blue),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,212,255,.5)}.main-content{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;padding:0}.crt-container{flex:0 0 auto;display:flex;flex-direction:column;width:1000px;max-width:1000px;order:1}.tv-container{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:900px}.app-footer{text-align:center;color:var(--text-secondary);font-size:.9rem}.app-footer a{color:var(--accent-color);text-decoration:none;transition:all var(--transition-fast)}.app-footer a:hover{text-decoration:underline;color:var(--neon-blue)}.suggestion-box{position:relative;top:auto;right:auto;background:#2a2a2af2;border:2px solid var(--accent-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:250px;height:fit-content;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;flex-shrink:0;order:2}.suggestion-box h3{color:var(--neon-blue);font-size:1.1rem;margin-bottom:var(--spacing-sm);text-align:center}.suggestion-box p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md);text-align:center}.suggestion-btn,.coffee-btn{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background:linear-gradient(45deg,var(--accent-color),#ff8a80);color:#fff;text-decoration:none;border-radius:var(--radius-md);text-align:center;font-weight:600;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.coffee-btn{background:linear-gradient(45deg,#ff6b35,#f7931e)}.suggestion-btn:hover,.coffee-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.suggestion-btn:hover{background:linear-gradient(45deg,#ff8a80,var(--accent-color))}.coffee-btn:hover{background:linear-gradient(45deg,#f7931e,#ff6b35)}.hidden-content{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hidden-content span{margin-right:5px}.suggestion-box{width:250px;height:fit-content}.tv-frame{background:linear-gradient(145deg,var(--secondary-bg),var(--accent-bg));border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.tv-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 49%,rgba(255,255,255,.1) 50%,transparent 51%);pointer-events:none}.tv-screen{aspect-ratio:16/9;background:#000;border-radius:var(--radius-lg);overflow:hidden;position:relative;border:3px solid var(--accent-bg);box-shadow:inset 0 0 20px #000c,0 0 30px #00000080}.tv-screen.warming-up{animation:tv-warmup 1.5s ease-out}@keyframes tv-warmup{0%{background:#000;transform:scaleY(0)}30%{background:#111;transform:scaleY(.1)}60%{background:#222;transform:scaleY(.5)}80%{background:#333;transform:scaleY(.8)}to{background:#000;transform:scaleY(1)}}.tv-screen.tv-shutdown{animation:tv-shutdown .8s ease-in}@keyframes tv-shutdown{0%{transform:scaleY(1);filter:brightness(1)}20%{transform:scaleY(.8);filter:brightness(1.5)}60%{transform:scaleY(.1);filter:brightness(.5)}to{transform:scaleY(0);filter:brightness(0)}}.tv-screen.nostalgic-filter{filter:sepia(.3) saturate(.8) contrast(1.1) brightness(.95) hue-rotate(-5deg)}.tv-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,transparent 48%,rgba(255,255,255,.008) 49%,rgba(255,255,255,.008) 51%,transparent 52%);pointer-events:none;z-index:30;opacity:.4;mix-blend-mode:overlay}.tv-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10;border-radius:var(--radius-lg);overflow:hidden}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,rgba(0,255,0,.03) 50%,transparent 51%,rgba(0,255,0,.03) 100%);background-size:100% 4px;animation:scanlines .1s linear infinite;opacity:.8;pointer-events:none}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 65%,rgba(0,0,0,.3) 100%);opacity:.7;pointer-events:none}.static{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/static-noise.gif);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:1;z-index:15;display:none;pointer-events:none}.volume-display{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:80%;max-width:400px;background:#000000d9;border:2px solid #00ff00;padding:10px 20px;border-radius:4px;font-family:Courier New,monospace;color:#0f0;z-index:20;box-shadow:0 0 10px #00ff004d,inset 0 0 10px #00ff001a;transition:opacity 1s ease}.volume-display.hidden{opacity:0;pointer-events:none}.volume-label{font-size:12px;font-weight:700;text-align:center;letter-spacing:2px;text-shadow:0 0 5px #00ff00}.volume-bars{display:flex;gap:8px;justify-content:center;padding:0 10px}.volume-bar{flex:1;height:18px;background:transparent;border:1px solid #00ff00;border-radius:2px;transition:background-color .2s ease;min-width:20px}.volume-bar.active{background:#0f0;box-shadow:0 0 3px #0f0;animation:volume-pulse .3s ease}@keyframes volume-pulse{0%{background:#0f0;box-shadow:0 0 3px #0f0}50%{background:#0f8;box-shadow:0 0 8px #0f0}to{background:#0f0;box-shadow:0 0 3px #0f0}}.volume-number{text-align:center;justify-content:center;font-size:14px;font-weight:700;text-shadow:0 0 5px #00ff00}.tv-screen{position:relative}.lcd-display{background:linear-gradient(to bottom,#000000e6,#001e00cc);box-shadow:inset 0 0 10px #0f03,0 0 20px #00ff004d;border-radius:5px;padding:10px 15px;position:relative}.lcd-display:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#00ff0008 50%,#0f00 50%);background-size:100% 2px;pointer-events:none;opacity:.4}.lcd-channel{font-family:DS-Digital,monospace;color:#0f0;font-size:1.5rem;padding:5px 10px;background-color:#000c;border-radius:5px;box-shadow:0 0 10px #00ff0080;position:absolute;top:10px;right:10px;z-index:100;transform:translateZ(0);letter-spacing:1px;text-shadow:0 0 5px rgba(0,255,0,.8);border:1px solid rgba(0,255,0,.3);opacity:1;transition:opacity .5s ease-out}.lcd-channel.fading{opacity:0}.lcd-channel.flicker{animation:channel-flicker .7s}@keyframes channel-flicker{0%,to{opacity:1}20%{opacity:.3}40%{opacity:.8}60%{opacity:.2}80%{opacity:.9}}.video-container{width:100%;height:100%;position:relative;aspect-ratio:16/9}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#111,#000);position:relative;overflow:hidden}.static-effect{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);animation:static .1s infinite linear;opacity:.5}@keyframes static{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.tv-off-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.placeholder-content{position:relative;z-index:2;padding:var(--spacing-xl)}.placeholder-content .tv-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.7}.placeholder-content p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:1.1rem}.play-random-btn{background:linear-gradient(45deg,var(--neon-blue),var(--neon-pink));border:none;color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.play-random-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #00d4ff80}.youtube-player{width:100%;height:100%;overflow:hidden;position:relative;background:#000}#youtube-player-div{width:100%;height:200%;pointer-events:none;border:none;position:absolute;top:-50%;left:0;background:#000}.youtube-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:transparent;cursor:default;pointer-events:all;border-radius:var(--radius-lg)}.quick-controls{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quick-btn{background:var(--secondary-bg);border:2px solid var(--accent-bg);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:.9rem;display:flex;align-items:center;gap:var(--spacing-sm);font-family:inherit}.quick-btn:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--accent-rgb),.3)}.quick-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-btn:disabled:hover{background:var(--secondary-bg);border-color:var(--accent-bg);transform:none;box-shadow:none}.quick-btn.active{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 10px rgba(var(--accent-rgb),.4)}.tv-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--secondary-bg);border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.power-btn{background:var(--accent-bg);border:3px solid var(--accent-color);border-radius:50%;width:4rem;height:4rem;font-size:1.5rem;color:var(--accent-color);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.power-btn:hover{background:var(--accent-color);color:#fff;box-shadow:0 0 20px rgba(var(--accent-rgb),.5);transform:scale(1.1)}.power-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 0 20px rgba(var(--accent-rgb),.7)}.channel-controls{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.channel-btn{background:var(--accent-bg);border:2px solid var(--accent-color);color:var(--text-primary);width:3rem;height:2rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:1rem;display:flex;align-items:center;justify-content:center}.channel-btn:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--accent-rgb),.3)}.channel-display{font-family:var(--font-mono);font-weight:700;color:var(--neon-blue);font-size:1.1rem;text-align:center;background:#0000004d;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--accent-bg);min-width:5rem}.volume-controls{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.volume-btn{background:var(--accent-bg);border:2px solid var(--accent-color);color:var(--text-primary);width:2.5rem;height:2rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem;display:flex;align-items:center;justify-content:center}.volume-btn:hover{background:var(--accent-color);transform:translateY(-2px)}.volume-slider{writing-mode:bt-lr;-webkit-appearance:slider-horizontal;appearance:slider-horizontal;height:100px;background:var(--accent-bg);border-radius:var(--radius-sm)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;box-shadow:0 0 10px rgba(var(--accent-rgb),.5)}@media (max-width: 768px){.tv-controls{flex-direction:column;gap:var(--spacing-md)}.channel-controls,.volume-controls{flex-direction:row}.volume-slider{writing-mode:initial;-webkit-appearance:slider-horizontal;appearance:slider-horizontal;width:100px;height:20px}.quick-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.channel-guide{max-height:200px}}.crt-container{display:flex;flex-direction:column;width:1000px;@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}}.crt-container .crt-top{background:linear-gradient(to bottom,#5a5a5f 1%,#bdbdc4 8% 40%,#949497 60%);border-radius:10px 10px 0 0;width:100%;height:65px;position:relative;margin-bottom:-1px}.crt-container .trinitron-logo{position:absolute;top:53px;left:91px;width:70px;filter:brightness(355%) saturate(0)}.crt-container .crt-middle{display:flex;width:100%;padding:10px 0;background-color:#949497}.crt-container .crt-middle-left,.crt-container .crt-middle-right{display:flex;justify-content:center;align-items:center;width:100px;height:515px;background-color:#949497}.crt-container .crt-middle-left{justify-content:flex-start;padding-left:6px}.crt-container .crt-middle-right{justify-content:flex-end;padding-right:6px;position:relative}.crt-container .crt-speakers{background-size:4px 4px;background-image:repeating-linear-gradient(45deg,#949497 0,#242425 .4px,#949497 0,#242425 50%);height:100%;width:80%}.crt-container .side-ports{background:#4a4b4e;border-top:10px solid #5e6064;border-bottom:10px solid #5e6064;border-right:2px solid #5e6064;box-shadow:inset -3px 5px 10px #1f1f1f;display:flex;align-items:center;flex-direction:column;width:35px;height:180px;position:absolute;left:90px;padding-top:5px}.crt-container .jack{background:#000;border:2px solid #5f5f61;border-radius:100%;width:10px;height:10px;margin-top:7px}.crt-container .composite{margin-top:25px}.crt-container .c-yellow,.crt-container .c-white,.crt-container .c-red{background:#000;border:1px solid #5f5f61;border-radius:100%;width:15px;height:15px;margin-top:6px}.crt-container .c-yellow{border:3px solid #e5e74e}.crt-container .c-white{border:3px solid #f3f0eb}.crt-container .c-red{border:3px solid #fe5656}.crt-container .crt-middle-middle{display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:4px solid #6f6f74;border-bottom:4px solid #a6a6ad;border-left:4px solid #bfbfc7;border-right:4px solid #bfbfc7;width:820px;height:510px;overflow:hidden;position:relative}.crt-container .crt-bottom{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to top,#4c4c4e 10%,#78787c 45%,#949497);border-radius:0 0 20px 20px;width:100%;padding:0 0 25px;z-index:1;position:relative;border-bottom:1px solid #3a3a3c;margin-top:-3px}.crt-container .crt-brand-container{width:115px;height:39px;position:relative}.crt-container .crt-brand{padding:3px;width:100px;opacity:.9;z-index:2;top:10px;position:absolute}.crt-container .crt-brand-plate{background:linear-gradient(to bottom,#505052 10%,#67676b);border:1px solid #646464;height:12px;width:82px;position:absolute;top:17px;left:8px;z-index:1}.crt-container .crt-bottom-bottom{display:flex;justify-content:center;align-items:center;width:670px;height:40px}.crt-container .function-buttons{display:flex;justify-content:center;align-items:center;margin:15px 8px 0 0}.crt-container .buttons-groups-div{display:flex;justify-content:center;align-items:center;margin:0 6px}.crt-container .buttons-groups-div button{background:linear-gradient(to bottom,#9a9aa0 30%,#59595c);color:#2e2e2e;border:1px solid #2e2e30;padding:2px 4px 3px;margin:0 2px;font-size:.7em;font-weight:700;cursor:pointer}.crt-container #powerSwitch{display:flex;align-items:center;justify-content:center;border:1px solid #2e2e30;border-radius:100%;width:30px;height:30px;margin-left:10px}.crt-container #powerSwitch img{width:10px}.crt-container .led-lights{border-radius:100%;width:10px;height:10px}.crt-container #powerLED{background:#15ff00;box-shadow:1px 1px 20px 1px #15ff00}.crt-container #vhsLED{background:#000}.crt-container #static,.crt-container #flickering,.crt-container #vhsFilter,.crt-container #vhsFilter2,.crt-container #screendoorEffect{width:110%;height:110%;top:-5%;left:-5%}.crt-container #static{z-index:1;opacity:1;pointer-events:auto;position:absolute;top:0;left:0;width:100%;height:100%}.crt-container #vhsFilter{z-index:3;opacity:.03;pointer-events:none;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.crt-container #vhsFilter2{z-index:3;opacity:.15;pointer-events:none;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.crt-container #screendoorEffect{box-shadow:inset 0 0 0 11px #000;position:absolute;z-index:4;pointer-events:none}.crt-container #screendoorEffect:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:4;background-size:100% 2px,2px 100%;pointer-events:none}.crt-container #screendoorEffect:after{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#1210101a;opacity:0;z-index:4;pointer-events:none}.crt-container #flickering{animation:flicker .15s infinite;background:#1210101a;display:none;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.crt-container #crtOutput{background:#000;z-index:0;width:100%;height:100%;transition-duration:.5s}@media (max-width: 1050px){.crt-container .crt-container{width:95%}.crt-container .crt-middle-middle{width:calc(100% - 180px)}.crt-container .tv-effects,.crt-container #static,.crt-container #flickering,.crt-container #vhsFilter,.crt-container #vhsFilter2,.crt-container #screendoorEffect,.crt-container .scanlines,.crt-container .vignette{width:120%;height:120%}.crt-container .crt-bottom-bottom{width:95%}}@media (max-width: 768px){.crt-container .crt-middle-left,.crt-container .crt-middle-right{width:60px}.crt-container .side-ports{left:55px;width:25px}.crt-container .crt-middle-middle{width:calc(100% - 120px);height:auto;aspect-ratio:16/9}.crt-container .tv-effects,.crt-container #static,.crt-container #flickering,.crt-container #vhsFilter,.crt-container #vhsFilter2,.crt-container #screendoorEffect,.crt-container .scanlines,.crt-container .vignette{width:120%;height:120%;background-size:cover}.crt-container .scanlines{background-size:100% 2px}.crt-container .buttons-groups-div{margin:0 3px}.crt-container .buttons-groups-div button{font-size:.6em;padding:1px 3px}}@font-face{font-family:DS-Digital;src:url(/fonts/DS-DIGI.TTF) format("truetype");font-weight:400;font-style:normal}.lcd-display{font-family:DS-Digital,monospace;background:linear-gradient(to bottom,#1a1a1c,#121214);color:#15ff00;padding:var(--spacing-md);border-radius:4px;border:1px solid #181818;box-shadow:0 4px 8px #00000080;margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;text-align:center;width:100%;position:relative;max-width:700px;margin-left:auto;margin-right:auto}.lcd-title{font-size:1.5rem;text-shadow:0 0 10px rgba(21,255,0,.7);letter-spacing:2px;text-transform:uppercase}.lcd-channel{position:absolute;top:15px;right:15px;font-size:1.5rem;padding:var(--spacing-xs) var(--spacing-sm);background-color:#00000080;border:1px solid #444;border-radius:3px;z-index:50;font-family:DS-Digital,monospace;color:#15ff00;text-shadow:0 0 8px rgba(21,255,0,.7)}.lcd-display.loading .lcd-title{animation:lcd-blink 1s infinite}.lcd-display:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:90%;height:3px;background:linear-gradient(to right,#151515,#333,#151515);border-radius:3px 3px 0 0}.lcd-display:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:10px;background:linear-gradient(to bottom,#121214,#0a0a0c);border-radius:0 0 5px 5px;box-shadow:0 5px 10px #0000004d}.trinitron-lcd-display:before{content:"SONY DVD";position:absolute;top:-24px;right:20px;font-family:Arial,sans-serif;font-weight:700;font-size:12px;color:#949497;letter-spacing:1px;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.dvd-box{position:relative;background:#0a0a0c;border:2px solid #222;box-shadow:inset 0 0 15px #15ff001a,0 4px 8px #00000080;padding:var(--spacing-lg) var(--spacing-md);border-radius:5px;overflow:hidden}.dvd-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,#15ff0000,#15ff0080,#15ff0000)}.dvd-box:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,#15ff0000,#15ff004d,#15ff0000)}@keyframes lcd-blink{0%,to{opacity:1}50%{opacity:.3}}.tv-receiver-stand{width:100%;max-width:1000px;margin:-15px auto 10px;background:linear-gradient(to bottom,#323234,#212123);border-radius:0 0 10px 10px;padding:15px 10px 10px;box-shadow:0 5px 15px #00000080,inset 0 1px #ffffff1a;border:1px solid #121212;border-top:none;position:relative;z-index:1;height:110px}.tv-receiver-stand .lcd-display{margin-top:0;margin-bottom:10px;border-radius:2px;min-height:50px;padding:8px}.receiver-details{display:flex;align-items:center;justify-content:space-between;padding:3px 20px;height:30px;background:linear-gradient(to right,#2a2a2c,#3a3a3c 30% 70%,#2a2a2c);border-radius:3px;border-top:1px solid #121212;border-bottom:1px solid #121212}.receiver-logo{font-family:Arial,sans-serif;font-weight:700;font-size:14px;color:#ccc;letter-spacing:2px}.receiver-model{font-family:Arial,sans-serif;font-size:12px;color:#888;letter-spacing:1px}.receiver-vents{width:100px;height:15px;background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,#1a1a1c 3px,#1a1a1c 6px);opacity:.7}.tv-receiver-stand:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:85%;height:8px;background:#1a1a1c;border-radius:0 0 10px 10px;box-shadow:0 5px 10px #0006}.tv-receiver-stand:before{content:"";position:absolute;inset:10px -10px 0;background:linear-gradient(to bottom,#242426,#1a1a1c);border-radius:0 0 15px 15px;z-index:-1}