body.p-twitch{background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 48px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 48px 100%, var(--paper-0)}.vj-field{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.p-twitch .vj-loop,.p-twitch .vj-pad canvas{filter:url(#frx-duo)}.p-twitch .vj-top{z-index:2;max-width:var(--wrap);padding:30px var(--gut) 18px;border-bottom:1px solid var(--line-2);grid-template-columns:auto 200px minmax(0,1fr);align-items:end;gap:24px;margin:0 auto;display:grid;position:relative}.p-twitch .site>.frame h1.vj-title{white-space:nowrap;margin:0;font-size:clamp(48px,9vw,150px);overflow:hidden}.p-twitch .vj-ball{width:200px;height:230px;margin:-30px 0 -18px;display:block}.p-twitch .vj-intro{max-width:420px;font:400 14px/1.55 var(--f-term);color:var(--ink-2);border-left:2px solid var(--sig);background:#0c0b0af0;justify-self:end;margin:0 0 8px;padding:12px 14px}.p-twitch .vj-wall{z-index:2;max-width:var(--wrap);padding:0 var(--gut);transform-style:preserve-3d;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr) minmax(0,1fr);gap:16px;margin:22px auto 0;display:grid;position:relative}.p-twitch .vj-side{transform-style:preserve-3d;align-content:space-between;gap:16px;display:grid}.p-twitch .vj-side--l{transform-origin:100%;transform:perspective(1600px)rotateY(16deg)scale(.94)}.p-twitch .vj-side--r{transform-origin:0;transform:perspective(1600px)rotateY(-16deg)scale(.94)}.p-twitch .vj-mon{background:var(--paper-1);border:1px solid var(--line-2);margin:0;padding:6px;position:relative}.p-twitch .vj-wall{counter-reset:mon}.p-twitch .vj-mon canvas{aspect-ratio:4/3;background:var(--paper-0);width:100%;height:auto;image-rendering:pixelated;display:block}.p-twitch .vj-mid{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.p-twitch .vj-ch{border:1px solid var(--line-2);background:#131110f7;padding:0 12px 12px;position:relative}.p-twitch .vj-ch.is-live{border-color:var(--sig)}.p-twitch .vj-ch__bar{align-items:center;gap:12px;padding:10px 2px;display:flex}.p-twitch .vj-ch__h{min-width:0;font:800 clamp(18px, 1.7vw, 26px)/1 var(--f-wide);letter-spacing:-.03em;color:var(--ink);flex-wrap:wrap;flex:auto;align-items:baseline;gap:4px 10px;margin:0;font-stretch:125%;display:flex}.p-twitch .vj-ch__kind{font:400 12px/1 var(--f-term);letter-spacing:0;color:var(--ink-3)}.p-twitch .vj-ch__live{white-space:nowrap;font:700 11px/1 var(--f-term);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line-2);flex:none;margin-left:auto;padding:4px 8px;clip:auto!important;width:auto!important;height:auto!important;position:static!important;overflow:visible!important}.p-twitch .vj-ch__live:before{content:"● "}.p-twitch .vj-ch__live.is-live{color:var(--paper-0);background:var(--sig);border-color:var(--sig)}.p-twitch .vj-ch__live.is-live:before{animation:1s step-end infinite blink}.p-twitch .vj-ch__screen{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.p-twitch .vj-ch__screen .twitch-live-preview,.p-twitch .vj-ch__screen iframe,.p-twitch .vj-card{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.p-twitch .vj-card{filter:url(#frx-duo)}.p-twitch .vj-ch__foot{font:400 13px/1.3 var(--f-term);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 2px 0;display:flex}.p-twitch .vj-ch__link{color:var(--ink);text-decoration-color:var(--sig)}.p-twitch .vj-ch__link:after{content:" ↗";color:var(--ink-3)}.p-twitch .vj-ch__title{color:var(--ink-2);flex:200px}.p-twitch .vj-ch__title:empty{display:none}.p-twitch .vj-desk{z-index:2;max-width:var(--wrap);padding:0 var(--gut);margin:22px auto 0;position:relative}.p-twitch .vj-pads{border:1px solid var(--line-2);background:#131110f5;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;padding:12px;display:grid}.p-twitch .vj-pad{aspect-ratio:1;background:var(--paper-0);border:1px solid var(--line-2);cursor:pointer;min-height:56px;padding:0;position:relative;overflow:hidden}.p-twitch .vj-pad canvas{width:100%;height:100%;display:block}.p-twitch .vj-pad__mix{background:var(--line-2);grid-template-columns:1fr 1fr;gap:1px;width:100%;height:100%;display:grid}.p-twitch .vj-pad__mix canvas{width:100%;height:100%;min-height:0}.p-twitch .vj-pad:hover{border-color:var(--ink-2)}.p-twitch .vj-pad[aria-pressed=true]{border-color:var(--sig);outline:1px solid var(--sig);outline-offset:2px}.p-twitch .vj-pad:focus-visible{outline:2px solid var(--sig);outline-offset:2px}@media (width<=1100px){.p-twitch .vj-top{grid-template-columns:minmax(0,1fr) 160px}.p-twitch .vj-intro{grid-column:1/-1;justify-self:stretch;max-width:none}.p-twitch .vj-ball{width:160px;height:190px}.p-twitch .vj-wall{grid-template-columns:minmax(0,1fr)}.p-twitch .vj-mid{grid-row:1}.p-twitch .vj-side{grid-template-columns:repeat(3,minmax(0,1fr));transform:none}.p-twitch .vj-pads{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=640px){.p-twitch .vj-ball{width:110px;height:130px;margin-top:-10px}.p-twitch .vj-side{gap:8px}.p-twitch .vj-pads{grid-template-columns:repeat(4,minmax(0,1fr))}}.p-twitch.vj-lit .vj-ch,.p-twitch.vj-lit .vj-pads,.p-twitch.vj-lit .vj-intro{background:0 0;border-color:#0000}.p-twitch.vj-lit .vj-ch.is-live{border-color:var(--sig)}.p-twitch.vj-lit{background:var(--paper-0)}.p-twitch .vj-ch__screen{box-shadow:0 0 0 6px #0c0b0a, 0 0 0 7px var(--line-2), 0 0 0 13px #1b1815, 0 0 0 14px #2b2621, 8px 10px 0 13px #060505;border-radius:22px/18px;margin:14px 14px 18px}.p-twitch .vj-ch__screen:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 115%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.p-twitch .vj-ch__screen:after{content:"";z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(160deg,#e8e0cf29 0%,#e8e0cf0d 22%,#0000 34%),radial-gradient(60% 18% at 30% 8%,#e8e0cf1f,#0000 70%);position:absolute;inset:0}.p-twitch .vj-ch.is-live .vj-ch__screen>*{transform-origin:50%;animation:.7s cubic-bezier(.2,.9,.2,1) both crt-on}@keyframes crt-on{0%{filter:brightness(3)saturate(0);transform:scaleY(.004)}35%{filter:brightness(3)saturate(0);transform:scaleY(.004)}70%{filter:brightness(1.4)saturate(.6);transform:scaleY(1.02)}to{filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.p-twitch .vj-ch.is-live .vj-ch__screen>*{animation:none}}.p-twitch .crt{margin:48px 66px 52px;position:relative}.p-twitch .crt__body,.p-twitch .crt__glass{pointer-events:none;width:132%;height:132%;display:block;position:absolute;top:-16%;left:-16%}.p-twitch .crt__body{z-index:0;filter:drop-shadow(8px 10px #060505)}.p-twitch .crt__glass{z-index:2}.p-twitch .vj-ch.is-crt .vj-ch__screen{z-index:1;box-shadow:none;border-radius:20px/16px;margin:0;position:relative}.p-twitch .vj-ch.is-crt .vj-ch__screen:after{display:none}
