*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;background:#020202;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{height:100%;width:100vw;overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif}body{background:radial-gradient(ellipse 50% 40% at 50% 43%,#19263759,#0000 70%),radial-gradient(ellipse 90% 70% at 50% 44%,#1a150f,#080604 55%,#020202);color:#e0e0e0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hidden{display:none!important}#splash-screen{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50}#splash-screen.hidden{animation:fadeOut .5s forwards;pointer-events:none}@keyframes fadeOut{to{opacity:0;visibility:hidden}}body.is-splash #year-selector,body.is-splash #controls{visibility:hidden}.splash-content{text-align:center;padding:1rem}.splash-title{font-family:VT323,monospace;font-size:clamp(3rem,16cqw,9rem);color:#00ff41;text-shadow:none;margin-bottom:1.2rem;letter-spacing:.05em;text-transform:uppercase;display:flex;flex-direction:column;line-height:1}.splash-subtitle{font-family:VT323,monospace;font-size:clamp(1rem,2.2vw,1.3rem);color:#888;text-transform:uppercase;letter-spacing:.1em;animation:pulse 2s infinite}.splash-year{font-family:VT323,monospace;font-size:clamp(3rem,12vw,7rem);color:#222;margin-top:.5rem;line-height:1}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem}#content-row{flex:0 0 auto;width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:1rem}#tv-wrapper{flex:0 0 auto;min-height:0;max-width:100%;width:min(1100px,calc((100vh - 250px)*1.333 + 56px));position:relative;display:flex;align-items:center;justify-content:center}#ad-left,#ad-right{flex:1;max-width:300px;display:none;flex-direction:column;align-items:center;justify-content:center;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:4px;color:#fff3;font-family:VT323,monospace;font-size:.8rem;letter-spacing:.1em}@media(min-width:1440px){#ad-left,#ad-right{display:flex}}body.is-fullscreen #ad-left,body.is-fullscreen #ad-right{display:none}#tv-set{display:flex;align-items:center;justify-content:center;width:100%}#offscreen-players{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.crt-bezel{position:relative;width:100%;max-width:1100px;border-radius:20px;padding:28px 28px 36px;box-shadow:0 30px 80px #000000e6,0 10px 24px #0009,inset 0 3px #ffffff2e,inset 3px 0 #ffffff14,inset 0 -4px #000000b3,inset -4px 0 #00000080}.crt-screen{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:10px;overflow:hidden;container-type:inline-size;box-shadow:inset 0 4px 14px #000000e6,inset 4px 0 10px #0009,inset 0 0 40px #000000b3,0 0 0 3px #0c0c0c,0 0 0 5px #2e2e2e,0 0 0 6px #111}@media(max-width:768px){.crt-screen{box-shadow:inset 0 3px 10px #000000e6,inset 0 0 30px #000000b3,0 0 0 2px #111}.crt-bezel{padding:32px 24px 36px;box-shadow:0 20px 50px #000000e6,inset 0 3px #ffffff2e,inset 0 -4px #000000b3}}.crt-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:11}#player-container{position:absolute;inset:0 -3px;z-index:1;border-radius:8px;overflow:hidden}#player-container iframe{width:100%;height:100%;border:none;pointer-events:none}@keyframes flicker{0%{opacity:1}5%{opacity:.97}10%{opacity:1}15%{opacity:.98}20%{opacity:1}80%{opacity:1}85%{opacity:.96}90%{opacity:1}95%{opacity:.99}to{opacity:1}}.crt-screen{animation:flicker 4s infinite}#clip-intro{position:absolute;inset:0;background:#000;z-index:2;pointer-events:none;opacity:0;transition:opacity 1s ease-out 1s}#clip-intro.active{opacity:1;transition:none}#static-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:20;opacity:0;transition:opacity .05s;pointer-events:none}#vhs-tracking{position:absolute;left:0;width:100%;height:20px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15) 30%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.15) 70%,transparent);z-index:15;pointer-events:none;transform:translate(3px)}.crt-power-led{position:absolute;bottom:12px;right:30px;width:8px;height:8px;border-radius:50%;background:#00ff41;box-shadow:0 0 6px #00ff4199;transition:background .4s,box-shadow .4s}body.is-splash .crt-power-led{background:#111;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #2a2a2a}@media(max-width:768px){.crt-screen{animation:none}}body.is-fullscreen .crt-screen{box-shadow:none;animation:none}#vhs-tracking{overflow:hidden}body{--glow-rgb: 255, 190, 80}body.era-early60s{--glow-rgb: 255, 175, 60}body.era-late60s{--glow-rgb: 255, 165, 50}body.era-70s{--glow-rgb: 255, 150, 45}body.era-80s{--glow-rgb: 255, 200, 100}body.era-90s{--glow-rgb: 0, 210, 170}body.era-y2k{--glow-rgb: 60, 160, 255}body.era-2000s{--glow-rgb: 80, 140, 255}body.era-2010s{--glow-rgb: 160, 210, 255}body.tv-glow:before{content:"";position:fixed;inset:0;background:#00000080;pointer-events:none;z-index:0}body.tv-glow #app{position:relative;z-index:1}body.tv-glow .crt-bezel{box-shadow:0 30px 80px #000000e6,0 10px 24px #0009,inset 0 3px #ffffff2e,inset 3px 0 #ffffff14,inset 0 -4px #000000b3,inset -4px 0 #00000080,0 0 60px 8px rgba(var(--glow-rgb),.08),0 0 140px 30px rgba(var(--glow-rgb),.05),0 0 280px 70px rgba(var(--glow-rgb),.03)}#year-selector{display:flex;flex-direction:column;gap:.3rem;padding:.4rem 1rem;width:100%;max-width:min(1100px,calc((100vh - 250px)*1.333 + 56px))}.year-header{display:flex;align-items:baseline;justify-content:space-between}.year-label{font-family:VT323,monospace;font-size:1rem;color:#666;letter-spacing:.1em}#year-range-wrap{width:100%;min-width:0;position:relative;height:28px;display:flex;align-items:center}#year-track-fill{position:absolute;left:0;right:0;height:4px;background:#333;border-radius:2px;pointer-events:none;z-index:0}#year-min,#year-max{position:absolute;width:100%;height:28px;-webkit-appearance:none;appearance:none;background:transparent;outline:none;pointer-events:none;z-index:1;margin:0;padding:0}#year-range-wrap{touch-action:none}#year-min::-webkit-slider-runnable-track,#year-max::-webkit-slider-runnable-track{background:transparent;height:4px}#year-min::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#007a1e;box-shadow:0 0 8px #007a1e8c;cursor:grab;margin-top:-8px}#year-min::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007a1e;border:none;box-shadow:0 0 8px #007a1e8c;cursor:grab}#year-max::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#00ff41;box-shadow:0 0 8px #00ff4166;cursor:grab;margin-top:-8px}#year-max::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00ff41;border:none;box-shadow:0 0 8px #00ff4166;cursor:grab}#year-range-wrap.swapped #year-min::-webkit-slider-thumb{background:#00ff41;box-shadow:0 0 8px #00ff4166}#year-range-wrap.swapped #year-min::-moz-range-thumb{background:#00ff41;box-shadow:0 0 8px #00ff4166}#year-range-wrap.swapped #year-max::-webkit-slider-thumb{background:#007a1e;box-shadow:0 0 8px #007a1e8c}#year-range-wrap.swapped #year-max::-moz-range-thumb{background:#007a1e;box-shadow:0 0 8px #007a1e8c}#year-range-wrap.single-year #year-min::-webkit-slider-thumb{transform:translate(3px);opacity:.8}#year-range-wrap.single-year #year-max::-webkit-slider-thumb{transform:translate(-3px)}.year-display{font-family:VT323,monospace;font-size:1.3rem;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.3);white-space:nowrap}#channel-number{position:absolute;top:16px;right:20px;font-family:VT323,monospace;font-size:clamp(2rem,5vw,3.5rem);color:#00ff41;text-shadow:0 0 12px rgba(0,255,65,.6);z-index:25;opacity:0;transition:opacity .15s;pointer-events:none}#channel-number.visible{opacity:1;animation:channelFade 2s forwards}@keyframes channelFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}#context-card{position:absolute;bottom:36px;left:28px;right:28px;background:linear-gradient(transparent,#000000d9);padding:2rem 1.2rem 1rem;z-index:25;opacity:0;transition:opacity .6s ease-out;pointer-events:none;border-radius:0 0 10px 10px}#context-card.visible{opacity:1}.context-category{font-family:VT323,monospace;font-size:1.05rem;color:#00ff41;letter-spacing:.15em;margin-bottom:.3rem}.context-category .cat-emoji{font-size:.85rem;letter-spacing:0}@media(min-width:769px){.context-category{font-size:1.25rem}.context-category .cat-emoji{font-size:1rem}}.context-title{font-family:Trebuchet MS,sans-serif;font-size:clamp(.9rem,2.5vw,1.2rem);color:#fff;font-weight:700;margin-bottom:.3rem}.context-text{font-size:clamp(.75rem,2vw,.9rem);color:#ccc;line-height:1.4}.context-duration{font-family:VT323,monospace;font-size:.85em;color:#666;letter-spacing:.1em;margin-left:.4em}#tap-to-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:27;font-size:clamp(3rem,14cqw,6rem);color:#ffffffd9;text-shadow:0 0 30px rgba(0,255,65,.6),0 0 60px rgba(0,255,65,.3);cursor:pointer;background:#00000040;animation:tap-pulse 2s ease-in-out infinite}@keyframes tap-pulse{0%,to{opacity:.7}50%{opacity:1}}#pause-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:28;pointer-events:none}#pause-indicator span{opacity:0;filter:drop-shadow(0 0 20px rgba(0,255,65,.9)) drop-shadow(0 0 40px rgba(0,255,65,.4))}#pause-indicator[data-icon=play] span{width:0;height:0;border-style:solid;border-top:clamp(1.4rem,5.5cqw,2.6rem) solid transparent;border-bottom:clamp(1.4rem,5.5cqw,2.6rem) solid transparent;border-left:clamp(2.4rem,9.5cqw,4.4rem) solid #00ff41;border-right:none}#pause-indicator[data-icon=pause] span{font-size:clamp(3rem,12cqw,5.5rem);font-family:VT323,monospace;color:#00ff41;display:block}#pause-indicator[data-icon=pause] span:before{content:"||"}@keyframes pause-flash{0%{opacity:0;transform:scale(.65)}18%{opacity:1;transform:scale(1.08)}32%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}#pause-indicator.flash span{animation:pause-flash .85s ease-out forwards}#ad-mobile-footer{width:320px;height:100px;flex-shrink:0;display:none;align-items:center;justify-content:center;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:4px;color:#fff3;font-family:VT323,monospace;font-size:.8rem;letter-spacing:.1em}@media(max-width:768px)and (orientation:portrait){#ad-mobile-footer{display:flex}}@media(max-width:768px)and (orientation:portrait)and (min-height:650px){#ad-mobile-footer{width:300px;height:250px}}body.is-fullscreen #ad-mobile-footer{display:none!important}#controls{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;position:relative}#swipe-hint-screen{display:none}#channel-hint-header{flex:1;text-align:center;font-family:VT323,monospace;font-size:.8rem;color:#555;letter-spacing:.12em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .8s}#channel-hint-header.visible{opacity:1}#channel-hint{position:absolute;top:8px;left:50%;transform:translate(-50%);font-family:VT323,monospace;font-size:.7rem;color:#555;letter-spacing:.12em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .8s;z-index:5;display:none}#channel-hint.visible{opacity:1}@media(max-width:768px){#channel-hint-header{display:none}#channel-hint{display:block}}#double-tap-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:VT323,monospace;font-size:.7rem;color:#555;letter-spacing:.12em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .8s;z-index:5;display:none}#double-tap-hint.visible{opacity:1}@media(max-width:768px){#double-tap-hint{display:block}}#controls-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}.footer-btn{background:none;border:1px solid #444;color:#666;font-family:VT323,monospace;font-size:1.2rem;letter-spacing:.08em;padding:.15rem .5rem;border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap;line-height:1;display:flex;align-items:center;justify-content:center}.footer-btn:focus{outline:none}@media(hover:hover){.footer-btn:hover{border-color:#888;color:#aaa}}.footer-btn.active,#save-btn.active{border-color:#00ff41;color:#00ff41}#save-btn.active svg{fill:currentColor}.footer-btn svg{display:block;pointer-events:none}#settings-panel{position:absolute;bottom:100%;right:.75rem;margin-bottom:.4rem;background:#111;border:1px solid #333;border-radius:6px;padding:.6rem .75rem;z-index:200;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .15s,transform .15s}#settings-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:VT323,monospace;font-size:.85rem;color:#888;letter-spacing:.08em;white-space:nowrap}.settings-row+.settings-row{margin-top:.4rem}.settings-toggle{background:none;border:1px solid #444;color:#666;font-family:VT323,monospace;font-size:.85rem;padding:.1rem .4rem;border-radius:4px;cursor:pointer;min-width:2.2rem;transition:border-color .15s,color .15s}.settings-toggle.active{border-color:#00ff41;color:#00ff41}#saved-count{margin-left:.2em;opacity:.75}.category-filter{position:relative}.category-trigger{background:none;border:none;color:#666;padding:.3rem;border-radius:4px;cursor:pointer;transition:color .2s;white-space:nowrap;display:flex;align-items:center;gap:.25rem;line-height:1}.filter-count{font-family:VT323,monospace;font-size:.8rem;letter-spacing:.05em;color:#00ff41;line-height:1}.category-trigger:hover{color:#aaa}.category-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:.5rem;display:flex;flex-wrap:wrap;gap:.4rem;width:220px;box-shadow:0 -4px 20px #0009;z-index:200}.category-dropdown.hidden{display:none}.category-pill{background:#2a2a2a;border:1px solid #444;color:#666;font-family:VT323,monospace;font-size:.85rem;letter-spacing:.05em;padding:.2rem .5rem;border-radius:20px;cursor:pointer;transition:all .15s;white-space:nowrap}.category-pill:hover{border-color:#888;color:#aaa}.category-pill.active{background:#00ff411a;border-color:#00ff41;color:#00ff41}.category-pill-all{width:100%;text-align:center;border-color:#555;color:#888}.category-pill-all.active{background:#00ff410d;border-color:#00ff41;color:#00ff41}.control-btn{background:none;border:1px solid #444;color:#888;font-size:1.2rem;padding:.3rem .6rem;border-radius:4px;cursor:pointer;transition:all .2s}.control-btn:hover{border-color:#00ff41;color:#00ff41}.control-btn.active{color:#00ff41;border-color:#00ff41;box-shadow:0 0 8px #00ff4133}#category-label{font-family:VT323,monospace;font-size:1rem;color:#666;letter-spacing:.1em}.controls-hint{display:flex;gap:1.2rem;font-size:.7rem;color:#444;margin-left:auto}.controls-hint span{white-space:nowrap}@media(max-width:768px){#fullscreen-btn{display:none}#app{padding:.5rem;gap:.5rem}#year-selector{padding:.3rem .5rem .2rem;gap:.2rem}#year-range-wrap,#year-min,#year-max{height:32px}#year-min::-webkit-slider-thumb,#year-max::-webkit-slider-thumb{width:17px;height:17px;margin-top:-6.5px}#year-min::-moz-range-thumb,#year-max::-moz-range-thumb{width:17px;height:17px}#controls{padding-bottom:.6rem}.crt-bezel{border-radius:10px;padding:6px 6px 30px}#controls{padding:.3rem .5rem}.crt-screen{touch-action:none}}@media(max-width:480px){.crt-bezel{border-radius:6px;padding:6px 6px 28px}}@media(display-mode:standalone){#app{padding-top:max(.5rem,env(safe-area-inset-top))}}@media(orientation:landscape)and (max-height:500px){body{overflow:hidden}#app{padding:0;gap:0}#year-selector{display:none}#controls{position:fixed;inset:0 0 0 auto;width:auto;flex-direction:column;justify-content:center;align-items:center;padding:.5rem max(.4rem,env(safe-area-inset-right,0px));background:linear-gradient(to left,rgba(0,0,0,.7),transparent);z-index:100;opacity:0;pointer-events:none;transition:opacity .3s;gap:.5rem}#controls:hover,#controls:active,#controls.fs-controls-visible{opacity:1;pointer-events:auto}#controls-right{flex-direction:column;gap:.5rem;margin-left:0}.category-dropdown{top:0;bottom:auto;left:auto;right:calc(100% + 8px)}#double-tap-hint{display:block}#tv-set{position:fixed;inset:0;max-width:none;display:flex;align-items:center;justify-content:center}.crt-bezel{width:100%;height:100%;max-width:none;border-radius:0;padding:0;background:#000;box-shadow:none;border:none}.crt-bezel:before{display:none}.crt-screen{width:100%;height:100%;border-radius:0;aspect-ratio:auto}#player-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#player-container iframe{width:100%;height:100%;object-fit:contain}.crt-power-led{display:none}.crt-screen{touch-action:none}#context-card{position:fixed;bottom:0;left:0;right:calc(52px + env(safe-area-inset-right,0px));border-radius:0}}@media(max-width:768px)and (orientation:portrait){body:not(.is-fullscreen) #app{padding-top:.5rem;justify-content:flex-start;gap:0}body:not(.is-fullscreen) #content-row{margin-bottom:.25rem}body:not(.is-fullscreen) #controls{margin-bottom:.25rem}body:not(.is-fullscreen) #content-row{order:1}body:not(.is-fullscreen) #year-selector{order:2}body:not(.is-fullscreen) #controls{order:3}body:not(.is-fullscreen) #ad-mobile-footer{order:4}body:not(.is-fullscreen) #year-selector{flex-direction:row;align-items:center;padding:.15rem .5rem 0;gap:.4rem}body:not(.is-fullscreen) .year-label{display:none}body:not(.is-fullscreen) .year-header{order:2;flex:0 0 auto;gap:0}body:not(.is-fullscreen) #year-range-wrap{order:1;flex:1}body:not(.is-fullscreen) .year-display{font-size:1.5rem;min-width:9ch;display:inline-block;text-align:right}body:not(.is-fullscreen) #tv-wrapper{display:flex}body:not(.is-fullscreen) #tv-set{width:100%}body:not(.is-fullscreen) #context-card{bottom:30px;left:6px;right:6px}}@media(max-width:480px)and (orientation:portrait){body:not(.is-fullscreen) #context-card{bottom:28px}}body.is-fullscreen{overflow:hidden}body.is-fullscreen #app{padding:0;gap:0}body.is-fullscreen #year-selector{display:none}body.is-fullscreen #tv-set{position:fixed;inset:0;max-width:none}body.is-fullscreen .crt-bezel{width:100%;height:100%;max-width:none;border-radius:0;padding:0;background:#000;box-shadow:none;border:none}body.is-fullscreen .crt-bezel:before{bottom:8px;left:16px;font-size:.75rem;color:#333;text-shadow:none;letter-spacing:.2em}body.is-fullscreen .crt-screen{width:100%;height:100%;border-radius:0;aspect-ratio:auto}body.is-fullscreen #controls{position:fixed;bottom:0;left:0;right:0;padding:.3rem 1rem max(.5rem,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000c);z-index:300;opacity:0;transition:opacity .3s}body.is-fullscreen #context-card{position:fixed;bottom:2.5rem;left:0;right:0;border-radius:0}body.is-fullscreen #controls:hover,body.is-fullscreen #controls:active,body.is-fullscreen #controls.fs-controls-visible{opacity:1;pointer-events:auto}body.is-fullscreen .crt-power-led{display:none}body.is-fullscreen .category-filter{margin-left:auto}body.is-fullscreen #controls-right{margin-left:0}body.is-fullscreen .category-dropdown{left:auto;right:0}#save-flash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(4rem,20cqw,8rem);font-family:VT323,monospace;color:#00ff41;text-shadow:0 0 40px rgba(0,255,65,.9),0 0 80px rgba(0,255,65,.4);z-index:29;pointer-events:none;opacity:0}#save-flash:before{content:"♥︎"}@keyframes save-flash{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.2)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}#save-flash.flash{animation:save-flash .9s ease-out forwards}body.no-scanlines .crt-screen:before{display:none}body.era-y2k{background:radial-gradient(ellipse at 20% 50%,rgba(0,102,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,0,255,.02) 0%,transparent 50%),#0a0a0a}body.era-y2k.themed-bg{background:radial-gradient(ellipse at 20% 50%,rgba(0,102,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,0,255,.1) 0%,transparent 50%),#0a0a0a}body.era-y2k .splash-title{background:linear-gradient(135deg,#00ff41,#06f,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(0,255,65,.15))}body.era-y2k .splash-year{background:linear-gradient(to bottom,#333,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-y2k .crt-bezel{background:linear-gradient(145deg,#585858,#424242 18%,#323232,#242424 72%,#181818);border:1px solid #444;border-top-color:#666;border-left-color:#555;border-bottom-color:#111;border-right-color:#111}body.era-y2k .crt-bezel:before{content:"TIME SURF TV";position:absolute;bottom:9px;left:28px;font-family:VT323,monospace;font-size:1.15rem;color:#90c890;letter-spacing:.25em;text-shadow:0 0 6px rgba(0,255,65,.3),0 1px 3px rgba(0,0,0,.9)}body.era-y2k #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-y2k .crt-bezel:before{left:18px;font-size:.9rem}body.era-y2k .crt-power-led{right:22px}}@media(max-width:480px){body.era-y2k .crt-bezel:before{left:14px;font-size:.85rem}body.era-y2k .crt-power-led{right:18px}}body.era-y2k ::selection{background:#06f;color:#fff}body.era-early60s{background:radial-gradient(ellipse at 40% 50%,rgba(74,144,217,.05) 0%,transparent 55%),radial-gradient(ellipse at 60% 50%,rgba(200,208,216,.03) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#080c10,#050709 55%,#020202)}body.era-early60s.themed-bg{background:radial-gradient(ellipse at 40% 50%,rgba(74,144,217,.12) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#080c10,#050709 55%,#020202)}body.era-early60s .splash-title{background:linear-gradient(135deg,#c8d0d8,#4a90d9,#a0b8cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(74,144,217,.2))}body.era-early60s .splash-year{background:linear-gradient(to bottom,#2a3a4a,#141e28);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-early60s .crt-bezel{background:linear-gradient(145deg,#dce4ea,#c8d0d8 20%,#b0bcc8,#98a8b8 70%,#808ea0);border:1px solid #a0b0c0;border-top-color:#e8f0f8;border-left-color:#d0dce8;border-bottom-color:#5a6878;border-right-color:#708090}body.era-early60s .crt-bezel:before{content:"TIME SURF TV";position:absolute;bottom:10px;left:28px;font-family:VT323,monospace;font-size:1.15rem;color:#d0e4f8;letter-spacing:.25em;text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.8)}body.era-early60s .crt-power-led{background:#4a90d9;box-shadow:0 0 6px #4a90d9cc}body.era-early60s.is-splash .crt-power-led{background:#0a1420;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #1a2a3a}@media(min-width:769px){body.era-early60s #context-card{bottom:66px;left:44px;right:44px;border-radius:0 0 16px 16px}}@media(min-width:769px){body.era-early60s .crt-bezel{padding:36px 44px 66px;border-radius:36px}body.era-early60s .crt-bezel:before{left:44px;bottom:16px;font-size:1.15rem}body.era-early60s .crt-power-led{right:44px;bottom:20px;width:9px;height:9px}body.era-early60s .crt-screen{border-radius:16px;box-shadow:inset 0 4px 16px #000000f2,inset 4px 0 10px #000000b3,inset 0 0 40px #000c,0 0 0 3px #606e7a,0 0 0 8px #9aaaba,0 0 0 11px #c8d4e0,0 0 0 14px #7a8a98,0 0 0 16px #4a5a68}}body.era-early60s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-early60s .crt-bezel:before{left:18px;font-size:.9rem}body.era-early60s .crt-power-led{right:22px}}@media(max-width:480px){body.era-early60s .crt-bezel:before{left:14px;font-size:.85rem}body.era-early60s .crt-power-led{right:18px}}body.era-early60s ::selection{background:#4a90d9;color:#fff}body.era-late60s{background:radial-gradient(ellipse at 35% 50%,rgba(232,180,0,.05) 0%,transparent 55%),radial-gradient(ellipse at 65% 50%,rgba(122,58,138,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#140c04,#0a0602 55%,#020100)}body.era-late60s.themed-bg{background:radial-gradient(ellipse at 35% 50%,rgba(232,180,0,.14) 0%,transparent 55%),radial-gradient(ellipse at 65% 50%,rgba(122,58,138,.12) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#140c04,#0a0602 55%,#020100)}body.era-late60s .splash-title{background:linear-gradient(135deg,#e8b400,#c4501a,#7a3a8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(232,180,0,.2))}body.era-late60s .splash-year{background:linear-gradient(to bottom,#3a2a08,#1a1202);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-late60s .crt-bezel{background:linear-gradient(145deg,#f0e0c0,#decca0 18%,#c8b480,#b09860 72%,#907840);border:1px solid #c0a060;border-top-color:#f8ecd0;border-left-color:#e8d8a8;border-bottom-color:#705030;border-right-color:#806040}body.era-late60s .crt-bezel:before{content:"TIME SURF TV";position:absolute;bottom:10px;left:28px;font-family:VT323,monospace;font-size:1.15rem;color:#f0d498;letter-spacing:.25em;text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.8)}body.era-late60s .crt-power-led{background:#e8b400;box-shadow:0 0 6px #e8b400cc}body.era-late60s.is-splash .crt-power-led{background:#1e1600;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #2e2200}@media(min-width:769px){body.era-late60s #context-card{bottom:72px;left:46px;right:46px;border-radius:0 0 13px 13px}}@media(min-width:769px){body.era-late60s .crt-bezel{padding:46px 46px 72px;border-radius:24px}body.era-late60s .crt-bezel:before{left:46px;bottom:19px;font-size:1.15rem}body.era-late60s .crt-power-led{right:46px;bottom:23px;width:10px;height:10px}body.era-late60s .crt-screen{border-radius:13px;box-shadow:inset 0 5px 16px #000000f2,inset 5px 0 11px #000000b3,inset 0 0 45px #000000d9,0 0 0 4px #1e1206,0 0 0 11px #362010,0 0 0 14px #1e1206,0 0 0 16px #4a2c14}}body.era-late60s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-late60s .crt-bezel:before{left:18px;font-size:.9rem}body.era-late60s .crt-power-led{right:22px}}@media(max-width:480px){body.era-late60s .crt-bezel:before{left:14px;font-size:.85rem}body.era-late60s .crt-power-led{right:18px}}body.era-late60s ::selection{background:#c4501a;color:#fff}body.era-70s{background:radial-gradient(ellipse at 30% 50%,rgba(180,90,0,.06) 0%,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(120,60,0,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#1a0e04,#0d0702 55%,#020100)}body.era-70s.themed-bg{background:radial-gradient(ellipse at 30% 50%,rgba(180,90,0,.18) 0%,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(120,60,0,.14) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#1a0e04,#0d0702 55%,#020100)}body.era-70s .splash-title{background:linear-gradient(135deg,#c50,#c8860a,#e8a020);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(200,134,10,.25))}body.era-70s .splash-year{background:linear-gradient(to bottom,#3a2008,#1e0e02);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-70s .crt-bezel{background:repeating-linear-gradient(92deg,transparent 0px,transparent 18px,rgba(255,200,120,.03) 18px,rgba(255,200,120,.03) 19px,transparent 19px,transparent 34px,rgba(0,0,0,.08) 34px,rgba(0,0,0,.08) 35px),linear-gradient(145deg,#6a3c14,#5a3010 15%,#3d1c06,#4a2410,#3a1a06 75%,#2a1004);border:1px solid #5a3010;border-top-color:#7a4a20;border-left-color:#6a3c14;border-bottom-color:#1a0a02;border-right-color:#2a1206}body.era-70s .crt-bezel:before{content:"TIME SURF TV";position:absolute;bottom:10px;left:28px;font-family:VT323,monospace;font-size:1.15rem;color:#d4a84c;letter-spacing:.25em;text-shadow:0 1px 0 rgba(255,200,100,.3),0 2px 4px rgba(0,0,0,.8)}body.era-70s .crt-power-led{background:#d20;box-shadow:0 0 6px #dc2200cc}body.era-70s.is-splash .crt-power-led{background:#1a0400;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #2a0a04}@media(min-width:769px){body.era-70s #context-card{bottom:80px;left:48px;right:48px}}@media(min-width:769px){body.era-70s .crt-bezel{padding:48px 48px 80px;border-radius:16px}body.era-70s .crt-bezel:before{left:48px;bottom:23px;font-size:1.15rem}body.era-70s .crt-power-led{right:48px;bottom:27px;width:10px;height:10px}body.era-70s .crt-screen{border-radius:10px;box-shadow:inset 0 6px 20px #000000fa,inset 6px 0 14px #000c,inset 0 0 60px #000000e6,0 0 0 5px #1a0a02,0 0 0 13px #2e1608,0 0 0 17px #120600,0 0 0 19px #3a1c0a}}body.era-70s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-70s .crt-bezel:before{left:18px;font-size:.9rem}body.era-70s .crt-power-led{right:22px}}@media(max-width:480px){body.era-70s .crt-bezel:before{left:14px;font-size:.85rem}body.era-70s .crt-power-led{right:18px}}body.era-70s ::selection{background:#c50;color:#fff}body.era-80s{background:radial-gradient(ellipse at 30% 50%,rgba(106,0,255,.05) 0%,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(255,20,147,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#120a1a,#080508 55%,#020202)}body.era-80s.themed-bg{background:radial-gradient(ellipse at 30% 50%,rgba(106,0,255,.18) 0%,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(255,20,147,.14) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#120a1a,#080508 55%,#020202)}body.era-80s .splash-title{background:linear-gradient(135deg,#ff1493,#6a00ff,#00e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(255,20,147,.2))}body.era-80s .splash-year{background:linear-gradient(to bottom,#2a1a3a,#150d22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-80s .crt-bezel{background:linear-gradient(145deg,#e8dfc8,#d4c9a8 18%,#c4b890,#b0a478 72%,#9a9070);border:1px solid #c0b090;border-top-color:#f0e8d0;border-left-color:#ddd0b0;border-bottom-color:#807060;border-right-color:#908070}body.era-80s .crt-bezel:before{content:"TIME SURF TV";position:absolute;bottom:10px;left:28px;font-family:VT323,monospace;font-size:1.15rem;color:#f0e4c0;letter-spacing:.25em;text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.8)}body.era-80s .crt-power-led{background:#ff8c00;box-shadow:0 0 6px #ff8c00b3}body.era-80s.is-splash .crt-power-led{background:#2a1a00;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #3a2a10}@media(min-width:769px){body.era-80s #context-card{bottom:70px;left:42px;right:42px;border-radius:0 0 12px 12px}}@media(min-width:769px){body.era-80s .crt-bezel{padding:42px 42px 70px;border-radius:30px}body.era-80s .crt-bezel:before{left:42px;bottom:18px;font-size:1.15rem}body.era-80s .crt-power-led{right:42px;bottom:22px;width:10px;height:10px}body.era-80s .crt-screen{border-radius:12px;box-shadow:inset 0 5px 18px #000000f2,inset 5px 0 12px #000000b3,inset 0 0 50px #000c,0 0 0 4px #1a1510,0 0 0 11px #2e2820,0 0 0 14px #1a1510,0 0 0 16px #3a3228}}body.era-80s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-80s .crt-bezel:before{left:18px;font-size:.9rem}body.era-80s .crt-power-led{right:22px}}@media(max-width:480px){body.era-80s .crt-bezel:before{left:14px;font-size:.85rem}body.era-80s .crt-power-led{right:18px}}body.era-80s ::selection{background:#ff1493;color:#fff}body.era-90s{background:radial-gradient(ellipse at 35% 50%,rgba(0,122,122,.05) 0%,transparent 55%),radial-gradient(ellipse at 65% 50%,rgba(106,47,160,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#0e0e16,#070709 55%,#020202)}body.era-90s.themed-bg{background:radial-gradient(ellipse at 35% 50%,rgba(0,122,122,.16) 0%,transparent 55%),radial-gradient(ellipse at 65% 50%,rgba(106,47,160,.14) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#0e0e16,#070709 55%,#020202)}body.era-90s .splash-title{background:linear-gradient(135deg,#007a7a,#6a2fa0,#0fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(0,255,204,.15))}body.era-90s .splash-year{background:linear-gradient(to bottom,#1c1c2a,#0a0a10);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-90s .crt-bezel{background:linear-gradient(145deg,#2a2a38,#1e1e2a 20%,#161620 50%,#101018,#0c0c14);border:1px solid #2e2e3e;border-top-color:#3a3a4a;border-left-color:#303040;border-bottom-color:#080810;border-right-color:#111118}body.era-90s .crt-bezel:before{content:"TIME SURF TV";position:absolute;bottom:9px;left:28px;font-family:VT323,monospace;font-size:1.15rem;color:#5abcb0;letter-spacing:.25em;text-shadow:0 0 8px rgba(0,255,204,.35),0 1px 3px rgba(0,0,0,.9)}body.era-90s .crt-power-led{background:#0c4;box-shadow:0 0 6px #00cc44b3}body.era-90s.is-splash .crt-power-led{background:#001a08;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #002a10}@media(min-width:769px){body.era-90s #context-card{bottom:48px;left:32px;right:32px}}@media(min-width:769px){body.era-90s .crt-bezel{padding:32px 32px 48px;border-radius:14px}body.era-90s .crt-bezel:before{left:32px;bottom:12px;font-size:1.15rem}body.era-90s .crt-power-led{right:32px;bottom:15px;width:9px;height:9px}body.era-90s .crt-screen{border-radius:10px;box-shadow:inset 0 4px 14px #000000f2,inset 4px 0 10px #000000b3,inset 0 0 40px #000000bf,0 0 0 3px #0c0c18,0 0 0 8px #1e1e2e,0 0 0 11px #0c0c18,0 0 0 13px #2a2a3a}}body.era-90s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-90s .crt-bezel:before{left:18px;font-size:.9rem}body.era-90s .crt-power-led{right:22px}}@media(max-width:480px){body.era-90s .crt-bezel:before{left:14px;font-size:.85rem}body.era-90s .crt-power-led{right:18px}}body.era-90s ::selection{background:#007a7a;color:#fff}body.era-2000s{background:radial-gradient(ellipse at 40% 50%,rgba(0,102,204,.04) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#060810,#030406 55%,#010102)}body.era-2000s.themed-bg{background:radial-gradient(ellipse 30% 20% at 15% 20%,rgba(0,102,204,.22) 0%,transparent 100%),radial-gradient(ellipse 25% 15% at 85% 80%,rgba(0,60,120,.16) 0%,transparent 100%),radial-gradient(ellipse at 40% 50%,rgba(0,102,204,.16) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 50% 44%,#060810,#030406 55%,#010102)}body.era-2000s .splash-title{background:linear-gradient(135deg,#06c,#49e,#acf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(0,102,204,.25))}body.era-2000s .splash-year{background:linear-gradient(to bottom,#1a2233,#0a0f1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-2000s .crt-bezel{background:linear-gradient(145deg,#282828,#181818 25%,#101010 60%,#0a0a0a);border:1px solid #303030;border-top-color:#3a3a3a;border-left-color:#303030;border-bottom-color:#080808;border-right-color:#0e0e0e;box-shadow:0 20px 50px #000000f2,0 8px 20px #000000b3,inset 0 1px #ffffff0f,inset 0 -2px #000c}body.era-2000s .crt-bezel:before{content:"TIME SURF TV";position:absolute;bottom:10px;left:28px;font-family:VT323,monospace;font-size:1.15rem;color:#6888aa;letter-spacing:.25em;text-shadow:0 0 6px rgba(100,160,255,.3),0 1px 3px rgba(0,0,0,.9)}body.era-2000s .crt-power-led{background:#06c;box-shadow:0 0 8px #0066cce6}body.era-2000s.is-splash .crt-power-led{background:#000810;box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #001020}@media(min-width:769px){body.era-2000s #context-card{left:22px;right:22px;border-radius:0 0 4px 4px}}@media(min-width:769px){body.era-2000s .crt-bezel{padding:22px 22px 30px;border-radius:8px}body.era-2000s .crt-bezel:before{left:22px;font-size:1.1rem}body.era-2000s .crt-power-led{right:22px;bottom:10px;width:7px;height:7px}body.era-2000s .crt-screen{border-radius:4px;box-shadow:inset 0 2px 8px #000000e6,inset 0 0 20px #0009,0 0 0 2px #0a0a0a,0 0 0 5px #1c1c1c,0 0 0 6px #080808}}body.era-2000s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-2000s .crt-bezel:before{left:18px;font-size:.9rem}body.era-2000s .crt-power-led{right:22px}}@media(max-width:480px){body.era-2000s .crt-bezel:before{left:14px;font-size:.85rem}body.era-2000s .crt-power-led{right:18px}}body.era-2000s ::selection{background:#06c;color:#fff}body.era-2010s,body.era-2010s.themed-bg{background:radial-gradient(ellipse 90% 70% at 50% 44%,#050505,#030303 55%,#010101)}body.era-2010s .splash-title{background:linear-gradient(135deg,#c0c8d0,#e8eef4,#a0aab4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(200,210,220,.15))}body.era-2010s .splash-year{background:linear-gradient(to bottom,#1a1a1a,#0a0a0a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.era-2010s .crt-bezel{background:linear-gradient(160deg,#1e1e1e,#141414 40%,#0e0e0e);border:1px solid #222;border-top-color:#2a2a2a;border-left-color:#242424;border-bottom-color:#060606;border-right-color:#0a0a0a;box-shadow:0 12px 30px #000000fa,0 4px 10px #000c,inset 0 1px #ffffff0a}body.era-2010s .crt-bezel:before{content:"TIME SURF TV";position:absolute;bottom:8px;left:28px;font-family:VT323,monospace;font-size:1.1rem;color:#888;letter-spacing:.3em;text-shadow:0 1px 3px rgba(0,0,0,.9)}body.era-2010s .crt-power-led{background:#e0eeff;box-shadow:0 0 5px #dcebffb3;width:6px;height:6px}body.era-2010s.is-splash .crt-power-led{background:#080808;box-shadow:inset 0 0 2px #000000e6,0 0 0 1px #141414}@media(min-width:769px){body.era-2010s #context-card{left:14px;right:14px;border-radius:0 0 2px 2px}}@media(min-width:769px){body.era-2010s .crt-bezel{padding:14px 14px 22px;border-radius:4px}body.era-2010s .crt-bezel:before{left:14px;font-size:1rem;bottom:6px}body.era-2010s .crt-power-led{right:14px;bottom:7px;width:5px;height:5px}body.era-2010s .crt-screen{border-radius:2px;box-shadow:inset 0 1px 4px #000c,0 0 0 1px #0e0e0e,0 0 0 3px #161616,0 0 0 4px #080808}}body.era-2010s #controls{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:8px}@media(max-width:768px){body.era-2010s .crt-bezel:before{left:18px;font-size:.85rem}body.era-2010s .crt-power-led{right:22px}}@media(max-width:480px){body.era-2010s .crt-bezel:before{left:14px;font-size:.8rem}body.era-2010s .crt-power-led{right:18px}}body.era-2010s ::selection{background:#404858;color:#fff}