.lfj-jtv{--jtv-accent: var(--lfj-room-jtv, #9fd97f);--jtv-accent-dim: #4a7a40;--theater-accent: var(--jtv-accent);--theater-accent-dim: var(--jtv-accent-dim);display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex:1;padding:calc(var(--px) * 4) calc(var(--px) * 3) calc(var(--px) * 8);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#14100c,#060504 70%,#000)}.lfj-jtv:before,.lfj-jtv:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:0;background-repeat:repeat}.lfj-jtv:before{background-image:radial-gradient(1.5px 1.5px at 15% 25%,#fff 100%,transparent 100%),radial-gradient(1.5px 1.5px at 60% 10%,#fff 100%,transparent 100%),radial-gradient(1.5px 1.5px at 85% 60%,#fff 100%,transparent 100%),radial-gradient(1.5px 1.5px at 35% 75%,#fff 100%,transparent 100%),radial-gradient(1.5px 1.5px at 10% 90%,#fff 100%,transparent 100%);background-size:220px 220px;opacity:.55;animation:jtv-star-drift 90s linear infinite}.lfj-jtv:after{background-image:radial-gradient(1px 1px at 25% 40%,#fff 100%,transparent 100%),radial-gradient(1px 1px at 70% 80%,#fff 100%,transparent 100%),radial-gradient(1px 1px at 45% 15%,#fff 100%,transparent 100%),radial-gradient(1px 1px at 90% 30%,#fff 100%,transparent 100%);background-size:160px 160px;opacity:.3;animation:jtv-star-drift 60s linear infinite reverse}@keyframes jtv-star-drift{0%{transform:translateZ(0)}to{transform:translate3d(-160px,-160px,0)}}@media(prefers-reduced-motion:reduce){.lfj-jtv:before,.lfj-jtv:after{animation:none}}.lfj-jtv>*{position:relative;z-index:1}.jtv-screen{display:none;flex-direction:column;align-items:center;gap:calc(var(--px) * 5);width:100%;animation:jtv-cut-in .12s steps(3) both}.jtv-screen--active{display:flex}@keyframes jtv-cut-in{0%{opacity:0}60%{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.jtv-screen{animation:none}}.jtv-back{align-self:flex-start;font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-dim);background:none;border:none;cursor:pointer;padding:calc(var(--px) * 1) 0;letter-spacing:.04em}.jtv-back:hover{color:var(--jtv-accent)}.jtv-screen-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 2)}.jtv-screen-eyebrow{font-family:var(--font-pixel);font-size:7px;color:var(--jtv-accent-dim);letter-spacing:.08em}.jtv-screen-title{font-family:var(--font-pixel);font-size:clamp(18px,6vw,30px);color:var(--jtv-accent);text-shadow:3px 3px 0 var(--lfj-screen-ink);margin:0;line-height:1.2}.jtv-channel-grid{display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 4);width:100%;max-width:320px}.jtv-channel-btn{font-family:var(--font-pixel);font-size:10px;letter-spacing:.06em;color:var(--lfj-screen-ink);background:var(--lfj-screen-bg);border:3px solid var(--lfj-screen-ink);box-shadow:4px 4px 0 var(--lfj-screen-ink);padding:calc(var(--px) * 4) calc(var(--px) * 6);width:100%;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:none;position:relative}.jtv-channel-btn:hover,.jtv-channel-btn:focus-visible{background:var(--jtv-accent);color:var(--lfj-screen-ink);outline:none}.jtv-channel-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--lfj-screen-ink)}.jtv-channel-status{font-size:6px;color:var(--jtv-accent-dim);letter-spacing:.04em}.jtv-channel-btn:hover .jtv-channel-status,.jtv-channel-btn:focus-visible .jtv-channel-status{color:var(--lfj-screen-ink)}.jtv-channel-status--live{color:var(--lfj-accent-red)}.jtv-archive-link{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-dim);border:2px solid var(--lfj-screen-dim);padding:calc(var(--px) * 2) calc(var(--px) * 4);text-decoration:none;letter-spacing:.05em;margin-top:calc(var(--px) * 2);display:inline-block}.jtv-archive-link:hover{color:var(--lfj-room-archive, #b98fd9);border-color:var(--lfj-room-archive, #b98fd9)}.jtv-vol-grid{display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 5);width:100%;max-width:300px}.jtv-subhub-heading{width:100%;font-family:var(--font-pixel);font-size:7px;letter-spacing:.1em;color:var(--jtv-accent);margin:calc(var(--px) * 3) 0 calc(var(--px) * 1);padding-bottom:calc(var(--px) * 1);border-bottom:1px solid var(--jtv-accent-dim)}.jtv-subhub-heading:first-child{margin-top:0}.jtv-vol-btn{font-family:var(--font-pixel);font-size:9px;letter-spacing:.05em;color:var(--lfj-screen-bg);background:var(--lfj-screen-ink);border:3px solid var(--lfj-screen-ink);box-shadow:5px 5px 0 var(--jtv-accent-dim);padding:calc(var(--px) * 5) calc(var(--px) * 6);width:100%;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 2);position:relative}.jtv-vol-btn:hover,.jtv-vol-btn:focus-visible{background:var(--jtv-accent);border-color:var(--jtv-accent);color:var(--lfj-screen-ink);box-shadow:5px 5px 0 var(--lfj-screen-ink);outline:none}.jtv-vol-btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--lfj-screen-ink)}.jtv-vol-label{font-size:12px;color:var(--jtv-accent)}.jtv-vol-btn:hover .jtv-vol-label,.jtv-vol-btn:focus-visible .jtv-vol-label{color:var(--lfj-screen-ink)}.jtv-vol-sublabel{font-size:7px;letter-spacing:.04em;opacity:.7}#jtv-screen-player{gap:calc(var(--px) * 3)}.jtv-player-shell{width:100%;max-width:560px;background:var(--lfj-bezel-body, #2a2a24);border:3px solid var(--lfj-screen-ink);box-shadow:5px 5px 0 var(--lfj-screen-ink);padding:calc(var(--px) * 2);display:flex;flex-direction:column;gap:calc(var(--px) * 2)}.jtv-player-chrome-top{display:flex;align-items:center;justify-content:space-between}.jtv-player-logo{font-family:var(--font-pixel);font-size:9px;letter-spacing:.1em;color:var(--jtv-accent);text-shadow:1px 1px 0 var(--lfj-screen-ink)}.jtv-player-disc-slot{display:flex;align-items:center;gap:calc(var(--px) * 1.5)}.jtv-player-disc-dot{width:6px;height:6px;border-radius:50%;background:var(--lfj-accent-red, #d64545);animation:jtv-disc-blink 1.2s steps(1) infinite;flex-shrink:0}@keyframes jtv-disc-blink{0%,to{opacity:1}50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.jtv-player-disc-dot{animation:none}}.jtv-player-disc-label{font-family:var(--font-pixel);font-size:6px;letter-spacing:.06em;color:var(--lfj-screen-dim)}.jtv-player-ctrl-label{font-family:var(--font-pixel);font-size:6px;letter-spacing:.08em;text-transform:uppercase;color:var(--lfj-screen-dim)}.jtv-player-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border:2px solid var(--jtv-accent-dim);overflow:hidden}.jtv-player-mount{position:absolute;top:0;right:0;bottom:0;left:0}.jtv-player-chrome-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:calc(var(--px) * 1)}.jtv-player-ctrl-group{display:flex;align-items:center;gap:calc(var(--px) * 1.5)}.jtv-ctrl-dot{width:7px;height:7px;border-radius:50%;background:var(--lfj-screen-ink);border:1px solid var(--jtv-accent-dim)}.jtv-ctrl-dot--red{background:var(--lfj-accent-red, #d64545);border-color:var(--lfj-accent-red, #d64545)}.jtv-ctrl-dot--active{background:var(--jtv-accent);border-color:var(--jtv-accent)}.jtv-player-vol-label{font-family:var(--font-pixel);font-size:8px;color:var(--jtv-accent);letter-spacing:.08em;align-self:flex-start}.jtv-player-title-bar{display:flex;align-items:flex-start;gap:calc(var(--px) * 3);padding:calc(var(--px) * 2) 0;width:100%;max-width:560px}.jtv-player-title-marker{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-accent-red);letter-spacing:.04em;flex-shrink:0;padding-top:2px}#jtv-player-title-text{font-family:var(--font-pixel);font-size:9px;color:var(--jtv-accent);line-height:1.6}.jtv-soon-wrap{display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 5);padding:calc(var(--px) * 10) calc(var(--px) * 4);border:3px dashed var(--jtv-accent-dim);width:100%;max-width:320px}.jtv-soon-label{font-family:var(--font-pixel);font-size:8px;color:var(--jtv-accent);letter-spacing:.08em;text-align:center;animation:jtv-blink 1.4s steps(1) infinite}.jtv-soon-sub{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim);letter-spacing:.05em;text-align:center}.jtv-mystery-wrap{display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 5);padding:calc(var(--px) * 10) calc(var(--px) * 4);border:3px solid var(--lfj-screen-ink);box-shadow:inset 0 0 0 2px var(--jtv-accent-dim);width:100%;max-width:320px;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px)}.jtv-mystery-mark{font-family:var(--font-pixel);font-size:clamp(22px,8vw,36px);color:var(--lfj-screen-ink);letter-spacing:.12em;text-shadow:2px 2px 0 var(--jtv-accent-dim);animation:jtv-mystery-glitch 3s steps(2) infinite}@keyframes jtv-mystery-glitch{0%,90%,to{transform:translate(0);opacity:1}92%{transform:translate(-3px);opacity:.7}94%{transform:translate(3px);opacity:.85}96%{transform:translate(-1px,1px);opacity:.9}}@media(prefers-reduced-motion:reduce){.jtv-mystery-mark{animation:none}}.jtv-mystery-sub{font-family:var(--font-pixel);font-size:7px;color:var(--lfj-screen-dim);letter-spacing:.06em;text-align:center}.jtv-theater{position:relative;padding-top:calc(var(--px) * 2)}.lfj-jtv--watching .lfj-jtv:before,.lfj-jtv--watching .lfj-jtv:after{opacity:.12;animation-duration:240s}.jtv-theater-aisle{position:absolute;top:20%;bottom:8%;width:3px;display:flex;flex-direction:column;justify-content:space-between;z-index:0;pointer-events:none}.jtv-theater-aisle--left{left:4%}.jtv-theater-aisle--right{right:4%}.jtv-theater-aisle span{width:3px;height:3px;background:var(--jtv-accent-dim);box-shadow:0 0 4px 1px var(--jtv-accent-dim);opacity:.5;animation:jtv-aisle-glow 3.6s ease-in-out infinite}.jtv-theater-aisle span:nth-child(2){animation-delay:.5s}.jtv-theater-aisle span:nth-child(3){animation-delay:1s}.jtv-theater-aisle span:nth-child(4){animation-delay:1.5s}.jtv-theater-aisle span:nth-child(5){animation-delay:2s}@keyframes jtv-aisle-glow{0%,to{opacity:.3}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.jtv-theater-aisle span{animation:none;opacity:.5}}.jtv-theater-back{z-index:2}.jtv-theater-marquee{display:flex;align-items:center;justify-content:center;gap:calc(var(--px) * 3);width:100%;max-width:640px;padding:calc(var(--px) * 3) calc(var(--px) * 4);background:var(--lfj-screen-ink);border:3px solid var(--jtv-accent-dim);box-shadow:0 3px 0 var(--lfj-screen-ink);position:relative;z-index:1}.jtv-theater-marquee-title{font-family:var(--font-pixel);font-size:10px;color:var(--jtv-accent);letter-spacing:.06em;text-align:center;text-shadow:0 0 6px var(--jtv-accent-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jtv-theater-marquee-bulbs{flex-shrink:0;width:40px;height:6px;background-image:radial-gradient(circle,var(--jtv-accent) 1.5px,transparent 1.5px);background-size:8px 8px;background-repeat:repeat-x;opacity:.8;animation:jtv-marquee-chase 1.2s steps(2) infinite}@keyframes jtv-marquee-chase{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.jtv-theater-marquee-bulbs{animation:none;opacity:.8}}.jtv-theater-screen-frame{width:100%;max-width:640px;padding:calc(var(--px) * 2);background:#050403;border:3px solid var(--lfj-screen-ink);box-shadow:0 0 0 6px #000,0 8px 24px #0009,inset 0 0 40px #0009;position:relative;z-index:1}.jtv-theater-stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.lfj-ytmask-player,.lfj-ytmask-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block;background:#000}.lfj-ytmask-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#050403f0;opacity:0;pointer-events:none;transition:opacity .3s ease}.lfj-ytmask-overlay--show{opacity:1;pointer-events:auto}.lfj-ytmask-inner{display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 3)}.lfj-ytmask-brand{font-family:var(--font-pixel);font-size:14px;color:var(--jtv-accent);letter-spacing:.08em}.lfj-ytmask-title{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-dim);text-align:center;max-width:280px}.lfj-ytmask-replay{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-ink);background:var(--jtv-accent);border:none;padding:calc(var(--px) * 2) calc(var(--px) * 4);cursor:pointer;letter-spacing:.05em}.lfj-ytmask-replay:hover{filter:brightness(1.1)}.jtv-episode-list{display:flex;flex-direction:column;gap:calc(var(--px) * 2);width:100%;max-width:560px}.jtv-episode-loading,.jtv-episode-empty{font-family:var(--font-pixel);font-size:8px;color:var(--jtv-accent-dim);text-align:center;padding:calc(var(--px) * 6) 0;letter-spacing:.05em}.jtv-episode-row{display:flex;align-items:center;gap:calc(var(--px) * 3);width:100%;padding:calc(var(--px) * 3);background:var(--lfj-screen-ink);border:2px solid var(--jtv-ep-accent, var(--jtv-accent-dim));border-left-width:5px;cursor:pointer;text-align:left;position:relative;overflow:hidden;transition:transform .08s steps(2)}.jtv-episode-row:hover{transform:translate(3px)}.jtv-episode-accent{display:none}.jtv-episode-num{font-family:var(--font-pixel);font-size:7px;color:var(--jtv-ep-accent, var(--jtv-accent));flex-shrink:0;min-width:40px}.jtv-episode-title{font-family:var(--font-pixel);font-size:8px;color:var(--lfj-screen-dim);flex:1;line-height:1.5}.jtv-episode-row:hover .jtv-episode-title{color:#fff}.jtv-episode-play{font-size:10px;color:var(--jtv-ep-accent, var(--jtv-accent));flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/117/assets/lfj-jtv.css.map */
