.lfj-jtv{--jtv-accent: var(--lfj-room-jtv, #9fd97f);--jtv-accent-dim: #4a7a40;display:flex;flex-direction:column;align-items:stretch;min-height:70vh;padding:calc(var(--px) * 4) calc(var(--px) * 3) calc(var(--px) * 8);position:relative}.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-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-vol-label{font-family:var(--font-pixel);font-size:8px;color:var(--jtv-accent);letter-spacing:.08em;align-self:flex-start}.jtv-player-shell{width:100%;max-width:560px;border:3px solid var(--lfj-screen-ink);box-shadow:6px 6px 0 var(--lfj-screen-ink),-2px -2px 0 var(--jtv-accent-dim);background:#111;display:flex;flex-direction:column}.jtv-player-chrome-top{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--px) * 2) calc(var(--px) * 3);background:var(--lfj-screen-ink);border-bottom:2px solid var(--jtv-accent-dim)}.jtv-player-logo{font-family:var(--font-pixel);font-size:10px;color:var(--jtv-accent);letter-spacing:.05em}.jtv-player-disc-slot{display:flex;align-items:center;gap:6px}.jtv-player-disc-dot{width:6px;height:6px;border-radius:50%;background:var(--jtv-accent);animation:jtv-disc-pulse 2s steps(2) infinite}@keyframes jtv-disc-pulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.jtv-player-disc-dot{animation:none}}.jtv-player-disc-label{font-family:var(--font-pixel);font-size:6px;color:var(--lfj-screen-dim);letter-spacing:.05em}.jtv-player-video-wrap{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}#jtv-yt-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.jtv-player-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(var(--px) * 3);background:#111}.jtv-player-empty-text{font-family:var(--font-pixel);font-size:8px;color:var(--jtv-accent-dim);text-align:center;letter-spacing:.05em;animation:jtv-blink 1.5s steps(1) infinite}@keyframes jtv-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.jtv-player-empty-text{animation:none}}.jtv-player-chrome-bottom{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--px) * 2) calc(var(--px) * 3);background:var(--lfj-screen-ink);border-top:2px solid var(--jtv-accent-dim);gap:calc(var(--px) * 3)}.jtv-player-ctrl-group{display:flex;align-items:center;gap:calc(var(--px) * 2)}.jtv-ctrl-dot{width:8px;height:8px;background:var(--jtv-accent-dim);border:1px solid var(--jtv-accent);display:inline-block}.jtv-ctrl-dot--red{background:var(--lfj-accent-red);border-color:var(--lfj-accent-red)}.jtv-ctrl-dot--active{background:var(--jtv-accent)}.jtv-player-ctrl-label{font-family:var(--font-pixel);font-size:6px;color:var(--jtv-accent-dim);letter-spacing:.04em}.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}
/*# sourceMappingURL=/cdn/shop/t/82/assets/lfj-jtv.css.map */