:root[data-theme=dark]{--pl-accent:var(--pl-citrus);--pl-on-accent:var(--pl-citrus-on);--pl-accent-text:var(--pl-citrus-ink);--pl-glow:0 0 10px color-mix(in srgb, var(--pl-accent-text) 45%, transparent);--tv-yellow:#ffe03a;--tv-red:#e8262e;--tv-red-deep:#8f0d14;--tv-ink:#07070a;--tv-paper:#fbf7ea;--tv-cyan:#3ee6ff;--tv-plate:color-mix(in srgb, var(--tv-ink) 88%, transparent);--tv-skew:-10deg;--tv-extrude:1px 1px 0 var(--tv-red), 2px 2px 0 var(--tv-red), 3px 3px 0 var(--tv-red), 4px 4px 0 var(--tv-red-deep), 5px 5px 0 var(--tv-red-deep), 6px 6px 0 var(--tv-ink), 7px 7px 0 var(--tv-ink), 9px 10px 14px #0000008c;--tv-extrude-sm:1px 1px 0 var(--tv-red), 2px 2px 0 var(--tv-red-deep), 3px 3px 0 var(--tv-ink), 4px 5px 8px #00000080}html,body{background:var(--pl-bg);height:100%;color:var(--pl-fg);margin:0;overflow:hidden}body{font-family:var(--pl-font);font-size:var(--pl-body);-webkit-font-smoothing:antialiased}#stage{filter:saturate(1.16)contrast(1.05);width:100vw;height:100dvh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui [hidden]{display:none!important}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.on-picture{paint-order:stroke fill;-webkit-text-stroke:.14em var(--pl-bg)}.crt{z-index:5;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px),radial-gradient(120% 95%,#0000 62%,#0000008c 100%);position:absolute;inset:0}.crt .roll{mix-blend-mode:screen;background:linear-gradient(#0000,#ffffff0d,#0000);height:18%;position:absolute;inset:-20% 0 auto}@media (prefers-reduced-motion:no-preference){.crt .roll{animation:9s linear infinite roll}@keyframes roll{to{translate:0 720%}}#ui{animation:4.2s step-end infinite flicker}@keyframes flicker{0%,to{opacity:1}47%{opacity:.985}48%{opacity:1}81%{opacity:.99}}}.static{z-index:6;width:100%;height:100%;image-rendering:pixelated;opacity:.85;position:absolute;inset:0}.osd{z-index:4;font:400 clamp(20px, 2vw, 30px)/1 var(--pl-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--tv-paper);text-shadow:-2px 0 #ff2850b3,2px 0 #28dcffb3,0 0 8px #ffffff59;gap:4px;display:grid;position:absolute}.osd--tl{top:var(--pl-6);left:var(--pl-7)}.osd--tr{top:var(--pl-6);right:var(--pl-7)}.osd .play{color:var(--tv-paper)}.osd--pause{display:none;top:96px}#ui.is-paused .osd--pause{display:grid}@media (prefers-reduced-motion:no-preference){.osd--pause{animation:1s step-end infinite blink}}.tv-btn{min-height:52px;padding:0 var(--pl-6);border:3px solid var(--tv-ink);background:var(--tv-paper);color:var(--tv-ink);font:900 var(--pl-text-md)/1 var(--pl-font);letter-spacing:.02em;text-transform:uppercase;transform:skewX(var(--tv-skew));box-shadow:5px 5px 0 var(--tv-ink);cursor:pointer;pointer-events:auto;transition:transform var(--pl-fast) var(--pl-ease), box-shadow var(--pl-fast) var(--pl-ease), background-color var(--pl-fast) var(--pl-ease);place-items:center;display:inline-grid;position:relative}.tv-btn--go{background:var(--tv-yellow)}.tv-btn:hover{background:#fff}.tv-btn--go:hover{background:#fff27a}.tv-btn:active{transform:skewX(var(--tv-skew)) translate(3px, 3px);box-shadow:2px 2px 0 var(--tv-ink)}.tv-btn:focus-visible{outline:3px solid var(--tv-cyan);outline-offset:4px}.tv-icon{border:2px solid var(--tv-paper);background:var(--tv-ink);width:44px;height:44px;color:var(--tv-paper);transform:skewX(var(--tv-skew));cursor:pointer;pointer-events:auto;place-items:center;padding:0;display:grid}.tv-icon:hover{background:var(--tv-red)}.tv-icon:focus-visible{outline:3px solid var(--tv-cyan);outline-offset:3px}.tv-icon svg{width:18px;height:18px}.tv-title{color:var(--tv-yellow);font:900 var(--pl-text-2xl)/.95 var(--pl-font);letter-spacing:-.01em;text-transform:uppercase;transform:skewX(var(--tv-skew));text-shadow:var(--tv-extrude-sm);outline:none;margin:0}@keyframes blink{50%{opacity:0}}.home{padding:var(--pl-6) var(--pl-7);grid-template-rows:1fr auto;display:grid;position:absolute;inset:0}.home .intro{max-width:760px;padding-bottom:var(--pl-5);align-self:end}.logo{margin:0 0 var(--pl-2);transform:rotate(-4deg) skewX(var(--tv-skew));transform-origin:0 100%}.logo-word{color:var(--tv-yellow);font:900 clamp(64px, 7.4vw, 120px)/.84 var(--pl-font);letter-spacing:-.05em;text-transform:uppercase;-webkit-text-stroke:4px var(--tv-ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--tv-red), 4px 4px 0 var(--tv-red), 6px 6px 0 var(--tv-red), 8px 8px 0 var(--tv-red-deep), 10px 10px 0 var(--tv-red-deep), 12px 12px 0 var(--tv-ink), 14px 14px 0 var(--tv-ink), 18px 22px 30px #0009;display:inline-block}@media (prefers-reduced-motion:no-preference){.home:not([hidden]) .logo{animation:.52s cubic-bezier(.2,1.6,.4,1) both logo-in}@keyframes logo-in{0%{opacity:0;rotate:-14deg;scale:2.2}}}.tagline{margin:var(--pl-4) 0 var(--pl-3);background:var(--tv-red);color:#fff;max-width:36em;font:800 var(--pl-text-md)/1.25 var(--pl-font);text-transform:uppercase;letter-spacing:.01em;transform:skewX(var(--tv-skew));box-shadow:5px 5px 0 var(--tv-ink);padding:8px 18px;display:inline-block}.tonight{margin:var(--pl-2) 0 var(--pl-5);background:var(--tv-plate);border-left:8px solid var(--tv-yellow);width:-moz-fit-content;width:fit-content;color:var(--tv-paper);font:800 var(--pl-text-lg)/1.2 var(--pl-font);text-transform:uppercase;transform:skewX(var(--tv-skew));flex-wrap:wrap;align-items:baseline;gap:0 10px;padding:8px 18px;display:flex}.tonight small{color:var(--tv-yellow);font:400 var(--pl-text-sm)/1 var(--pl-font-mono);letter-spacing:.1em}.tonight em{color:var(--tv-red);font-style:normal;font-weight:900}.cta{gap:var(--pl-4);pointer-events:auto;width:320px;display:grid}.cta .tv-btn{width:100%}.blink{color:var(--tv-paper);font:400 var(--pl-text-md)/1 var(--pl-font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0}@media (prefers-reduced-motion:no-preference){.blink{animation:1.1s step-end infinite blink}}.load{gap:var(--pl-2);width:320px;display:grid}.load .track{border:2px solid var(--tv-paper);height:14px;transform:skewX(var(--tv-skew));padding:2px}.load .track i{background:repeating-linear-gradient(90deg, var(--tv-yellow) 0 10px, transparent 10px 13px);width:0;height:100%;transition:width var(--pl-base) var(--pl-ease);display:block}.load span{font:400 var(--pl-secondary)/1 var(--pl-font-mono);text-transform:uppercase;letter-spacing:.06em}.fine{align-items:center;gap:var(--pl-2) var(--pl-5);font-size:var(--pl-secondary);color:var(--pl-fg);flex-wrap:wrap;display:flex}.pick{position:absolute;inset:0}.pick .panel{box-sizing:border-box;width:540px;padding:var(--pl-5) var(--pl-6) var(--pl-6);gap:var(--pl-3);pointer-events:auto;background:linear-gradient(to right, var(--tv-ink) 0 92%, transparent), repeating-linear-gradient(-45deg, #ffe03a0d 0 10px, transparent 10px 20px);border-right:6px solid var(--tv-yellow);flex-direction:column;padding-bottom:0;display:flex;position:absolute;inset:0 auto 0 0;overflow-y:auto}.pick h2{margin:0 0 var(--pl-2);font:400 var(--pl-text-xs)/1.2 var(--pl-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tv-yellow)}.cards{grid-template-columns:1fr 1fr;gap:8px 12px;padding-left:8px;display:grid}.card{align-items:center;gap:2px var(--pl-2);width:100%;min-width:0;min-height:48px;padding:4px var(--pl-3);color:var(--tv-paper);text-align:left;cursor:pointer;font:500 var(--pl-body)/1.15 var(--pl-font);transform:skewX(var(--tv-skew));transition:background-color var(--pl-fast) var(--pl-ease), translate var(--pl-fast) var(--pl-ease);background:#fbf7ea0f;border:2px solid #fbf7ea40;grid-template-columns:minmax(0,1fr) auto;display:grid}.card:hover{background:#fbf7ea24}.card b{font-weight:900;font-size:var(--pl-text-sm);letter-spacing:0;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card small{color:#fbf7eab3;font-size:var(--pl-text-xs);white-space:nowrap;text-overflow:ellipsis;grid-column:1;font-style:italic;overflow:hidden}.card .tick{box-sizing:border-box;border:2px solid;grid-area:1/2/span 2;place-items:center;width:18px;height:18px;display:grid}.card[aria-pressed=true]{background:var(--tv-yellow);color:var(--tv-ink);border-color:var(--tv-ink);box-shadow:4px 4px 0 var(--tv-red)}.card[aria-pressed=true] small{color:#07070abf}.card[aria-pressed=true] .tick{background:var(--tv-ink)}.card[aria-pressed=true] .tick:after{content:"";border:solid var(--tv-yellow);border-width:0 0 2px 2px;width:9px;height:5px;margin-top:-2px;rotate:-45deg}.card:focus-visible{outline:3px solid var(--tv-cyan);outline-offset:2px}.pick .chips{flex-wrap:wrap;gap:8px;padding-left:6px;display:flex}.slots{align-items:center;gap:var(--pl-3);grid-template-columns:1fr auto 1fr;padding-left:6px;display:grid}.slots .vs{color:var(--tv-yellow);font:900 var(--pl-text-xl)/1 var(--pl-font);text-shadow:var(--tv-extrude-sm);transform:skewX(var(--tv-skew))}.slot{text-align:left;min-width:0;min-height:56px;color:var(--tv-paper);transform:skewX(var(--tv-skew));cursor:pointer;font:inherit;background:0 0;border:2px solid #fbf7ea4d;gap:2px;padding:6px 14px;display:grid}.slot small{font:400 var(--pl-text-xs)/1.1 var(--pl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fbf7eab3}.slot b{font:900 var(--pl-text-md)/1.1 var(--pl-font);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slot--p2{text-align:right}.slot[aria-pressed=true]{border-color:var(--tv-yellow);box-shadow:4px 4px 0 var(--tv-red);background:#ffe03a1f}.slot[aria-pressed=true] small{color:var(--tv-yellow)}.slot:focus-visible{outline:3px solid var(--tv-cyan);outline-offset:2px}.shelf{gap:var(--pl-2);display:grid}.tabs{flex-wrap:wrap;gap:3px;padding-left:6px;display:flex}.tabs button{min-height:36px;color:var(--tv-paper);font:800 var(--pl-text-xs)/1 var(--pl-font);letter-spacing:.06em;text-transform:uppercase;transform:skewX(var(--tv-skew));cursor:pointer;background:#fbf7ea14;border:0;padding:0 8px}.tabs button:hover{background:#fbf7ea29}.tabs button[aria-selected=true]{background:var(--tv-red);color:#fff}.tabs button:focus-visible{outline:3px solid var(--tv-cyan);outline-offset:2px}.shelf .cards{scrollbar-width:thin;max-height:max(170px,100dvh - 560px);padding:2px 6px 6px 8px;overflow-y:auto}.card .badges{grid-area:1/2/span 2;gap:3px;display:flex}.card .badges i{font:900 var(--pl-text-xs)/1 var(--pl-font);text-transform:uppercase;padding:2px 5px;font-style:normal}.card .badges .b1{background:var(--tv-yellow);color:var(--tv-ink)}.card .badges .b2{background:var(--tv-red);color:#fff}.card[aria-pressed=true] .badges .b1{background:var(--tv-ink);color:var(--tv-yellow)}.card--face{grid-template-columns:44px minmax(0,1fr);padding-left:6px;position:relative}.card--face .face{border:2px solid var(--tv-ink);width:44px;height:44px;transform:skewX(calc(var(--tv-skew) * -1));background:#fbf7ea1a;grid-row:1/span 2;place-items:center;display:grid;position:relative;overflow:hidden}.card--face .face span{font:900 var(--pl-text-sm)/1 var(--pl-font);color:#fbf7ea99}.card--face .face img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;scale:1.15}.card--face b,.card--face small{grid-column:2}.card--face .badges{position:absolute;top:-9px;right:6px}.card--face .badges i{box-shadow:2px 2px 0 var(--tv-ink)}.card[aria-pressed=true] .face span{color:#07070a99}.card--random b{color:var(--tv-cyan)}.card--random[aria-pressed=true] b{color:var(--tv-ink)}.pick .tuning{top:var(--pl-6);right:var(--pl-7);display:none;left:auto}html[data-fetching] .pick .tuning{display:grid}@media (prefers-reduced-motion:no-preference){html[data-fetching] .pick .tuning{animation:.5s step-end infinite blink}}.tv-chip.pl-chip{transform:skewX(var(--tv-skew));color:var(--tv-paper);text-transform:uppercase;background:0 0;border:2px solid #fbf7ea4d;border-radius:0;font-weight:700}.tv-chip.pl-chip[aria-pressed=true]{background:var(--tv-yellow);color:var(--tv-ink);border-color:var(--tv-yellow)}.tv-seg.pl-seg{transform:skewX(var(--tv-skew));background:#fbf7ea14;border-radius:0;margin-left:6px}.tv-seg.pl-seg button{color:var(--tv-paper);text-transform:uppercase;border-radius:0;font-weight:800}.tv-seg.pl-seg button[aria-pressed=true]{background:var(--tv-red);color:#fff;box-shadow:none}.pick .go{z-index:1;padding:var(--pl-4) 0 var(--pl-5);gap:var(--pl-3);background:linear-gradient(to bottom, transparent, var(--tv-ink) 22%);margin-top:auto;display:grid;position:sticky;bottom:0}.pick .go .tv-btn{min-height:64px;font-size:var(--pl-text-xl)}.pick .keys{color:#fbf7eab3;font:400 var(--pl-text-xs)/1.5 var(--pl-font-mono);white-space:pre-wrap;margin:0}.pick .make-open{width:100%;min-height:44px;font-size:var(--pl-text-sm)}.third{justify-items:start;gap:0;display:grid;position:absolute}.third b,.third span,.third em{transform:skewX(var(--tv-skew));display:block}.third b{background:var(--tv-yellow);color:var(--tv-ink);font:900 clamp(34px, 3.4vw, 54px)/1 var(--pl-font);text-transform:uppercase;letter-spacing:-.01em;box-shadow:6px 6px 0 var(--tv-ink);padding:6px 22px 4px}.third span{background:var(--tv-ink);color:var(--tv-paper);font:600 var(--pl-text-md)/1.1 var(--pl-font);margin-left:24px;padding:6px 18px;font-style:italic}.third span:empty{display:none}.third em{background:var(--tv-red);color:#fff;font:800 var(--pl-text-sm)/1.1 var(--pl-font);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 0 46px;padding:4px 14px;font-style:normal}.third--pick{bottom:12vh;right:7vw}.third--entrance{bottom:14vh;left:6vw}.third--entrance.third--r{justify-items:end;left:auto;right:6vw}.third--entrance small{background:var(--tv-red);color:#fff;font:800 var(--pl-text-xs)/1.2 var(--pl-font);letter-spacing:.16em;text-transform:uppercase;transform:skewX(var(--tv-skew));margin:0 0 6px 4px;padding:3px 12px;display:block}.third--entrance b{font-size:clamp(44px,4.6vw,76px)}.third--entrance em{background:var(--tv-ink);font:400 var(--pl-text-xs)/1.2 var(--pl-font-mono);letter-spacing:.1em}#ui.is-entrance .hud-top,#ui.is-entrance .fame,#ui.is-entrance .bug,#ui.is-entrance .hud-bottom .keys{visibility:hidden!important}@media (prefers-reduced-motion:no-preference){.third--entrance:not([hidden]) b{animation:third-in .38s var(--pl-ease) .3s both}.third--entrance:not([hidden]) small{animation:third-in .3s var(--pl-ease) .2s both}.third--entrance:not([hidden]) span,.third--entrance:not([hidden]) em{animation:third-in .38s var(--pl-ease) .45s both}.pick:not([hidden]) .third b{animation:third-in .38s var(--pl-ease) both}.pick:not([hidden]) .third span,.pick:not([hidden]) .third em{animation:third-in .38s var(--pl-ease) 90ms both}@keyframes third-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}}.hud{grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.hud-top{align-items:start;gap:var(--pl-4);padding:var(--pl-4) var(--pl-6) 0;grid-template-columns:1fr auto 1fr;display:grid}.side{gap:6px;min-width:0;display:grid;position:relative}.bar{border:3px solid var(--tv-ink);background:var(--tv-red-deep);height:30px;transform:skewX(var(--tv-skew));box-shadow:0 0 0 2px var(--tv-paper), 6px 6px 0 2px #0000008c;position:relative;overflow:hidden}.bar i{width:100%;position:absolute;inset:0 auto 0 0}.bar .ghost{background:var(--tv-paper);transition:width .7s var(--pl-ease) .3s}.bar .fill{background:linear-gradient(to bottom, #fff7a8 0 18%, var(--tv-yellow) 18% 62%, #e9b400 62%);transition:width var(--pl-fast) var(--pl-ease)}.bar .danger{color:#fff;font:900 var(--pl-text-sm)/1 var(--pl-font);letter-spacing:.3em;text-transform:uppercase;-webkit-text-stroke:3px var(--tv-ink);paint-order:stroke fill;place-items:center;display:none;position:absolute;inset:0}.side.danger .bar .fill{background:linear-gradient(to bottom, #ff8a8a 0 18%, var(--tv-red) 18%)}.side.danger .bar .danger{display:grid}@media (prefers-reduced-motion:no-preference){.side.danger .bar .danger{animation:.6s step-end infinite blink}}.side--r .bar{transform:skewX(calc(var(--tv-skew) * -1))}.side--r .bar i{inset:0 0 0 auto}.side .who{align-items:center;gap:0;min-width:0;margin-top:4px;display:flex}.side .name{background:var(--tv-ink);color:var(--tv-yellow);font:900 var(--pl-text-lg)/1.05 var(--pl-font);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;transform:skewX(var(--tv-skew));padding:4px 14px 3px;overflow:hidden}.side .nick{background:var(--tv-red);color:#fff;font:700 var(--pl-text-xs)/1.1 var(--pl-font);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;transform:skewX(var(--tv-skew));padding:5px 12px 4px;font-style:italic;overflow:hidden}.side .nick:empty{display:none}.side .name{flex:0 auto;max-width:100%}.side .nick{flex:0 100 auto;min-width:0}@media (max-width:1279px){.side .nick{display:none}}.side .pips{gap:4px;margin:0 10px;display:flex}.side .pips i{width:26px;height:26px;display:grid}.side .pips svg{fill:#0000008c;stroke:var(--tv-paper);stroke-width:1.4px}.side .pips i.won svg{fill:var(--tv-yellow);stroke:var(--tv-ink);filter:drop-shadow(0 0 6px #ffe03acc)}.side--r .who{flex-direction:row-reverse}.side--r .name,.side--r .nick{transform:skewX(calc(var(--tv-skew) * -1))}.clock{padding:0 var(--pl-2);grid-template-columns:auto;justify-items:center;gap:6px;display:grid}.clock small{background:var(--tv-red);color:#fff;font:800 var(--pl-text-xs)/1 var(--pl-font);letter-spacing:.14em;text-transform:uppercase;transform:skewX(var(--tv-skew));padding:3px 12px}.clock small b{font-weight:900}.clock .time{background:var(--tv-ink);border:3px solid var(--tv-paper);min-width:2.2ch;color:var(--tv-yellow);font:900 var(--pl-text-3xl)/1 var(--pl-font);place-items:center;padding:4px 10px 2px;display:grid;box-shadow:5px 5px #00000080}.clock .time.low{color:var(--tv-red)}@media (prefers-reduced-motion:no-preference){.clock .time.low{animation:1s step-end infinite blink}}.clock .pause{margin-top:2px}.pop-slot{margin-top:10px;position:absolute;top:100%}.side--l .pop-slot{left:18px}.side--r .pop-slot{right:18px}.pop{background:var(--tv-ink);color:var(--tv-yellow);font:900 clamp(24px, 2.2vw, 36px)/1 var(--pl-font);text-transform:uppercase;transform:skewX(var(--tv-skew)) rotate(-3deg);box-shadow:4px 4px 0 var(--tv-red);white-space:nowrap;padding:4px 14px;display:block}.pop.counter{background:var(--tv-red);color:#fff;box-shadow:4px 4px 0 var(--tv-ink)}.pop.first{background:var(--tv-cyan);color:var(--tv-ink);box-shadow:4px 4px 0 var(--tv-ink)}@media (prefers-reduced-motion:no-preference){.pop{animation:pop 1.3s var(--pl-ease) both}@keyframes pop{0%{opacity:0;scale:2}12%{opacity:1;scale:.92}20%{scale:1}80%{opacity:1}to{opacity:0;translate:0 -12px}}}.hud-mid{place-content:start center;justify-items:center;gap:var(--pl-3);text-align:center;padding:6vh var(--pl-6) 0;display:grid}.call{color:var(--tv-yellow);font:900 clamp(84px, 11vw, 190px)/.88 var(--pl-font);letter-spacing:-.04em;text-transform:uppercase;-webkit-text-stroke:4px var(--tv-ink);paint-order:stroke fill;transform:rotate(-3deg) skewX(var(--tv-skew));text-shadow:var(--tv-extrude)}.sub{background:var(--tv-ink);color:var(--tv-paper);font:800 clamp(20px, 2.2vw, 34px)/1.1 var(--pl-font);text-transform:uppercase;transform:skewX(var(--tv-skew));padding:6px 18px}.sub kbd,.ready kbd{min-width:1.4em;font:inherit;font-family:var(--pl-font-mono);text-align:center;background:var(--tv-ink);border:2px solid;margin:0 .1em;padding:.05em .3em;display:inline-block}.sub kbd{color:var(--tv-yellow)}.call:empty,.sub:empty{display:none}.call[data-len=mid]{font-size:clamp(72px,8.5vw,150px)}.call[data-len=long]{font-size:clamp(60px,6.8vw,120px)}@media (prefers-reduced-motion:no-preference){.call.pop{animation:.52s cubic-bezier(.2,1.7,.4,1) both slam}@keyframes slam{0%{opacity:0;scale:3}45%{opacity:1;scale:.94}60%{translate:-6px 3px}70%{translate:5px -3px}80%{translate:-2px 1px}to{translate:0;scale:1}}}.tape{align-items:stretch;gap:var(--pl-5);grid-template-columns:1fr auto 1fr;display:grid;position:absolute;inset:max(21vh,168px) 4vw auto}.tape .head{margin:0 0 var(--pl-2);background:var(--tv-red);color:#fff;font:900 var(--pl-text-xl)/1 var(--pl-font);text-transform:uppercase;letter-spacing:.18em;transform:skewX(var(--tv-skew));box-shadow:6px 6px 0 var(--tv-ink);grid-column:1/-1;justify-self:center;padding:6px 24px}.corner{padding:var(--pl-5) var(--pl-6);background:var(--tv-plate);border:3px solid var(--tv-paper);transform:skewX(var(--tv-skew));color:var(--tv-paper);gap:6px;display:grid;box-shadow:8px 8px #0009}.corner--l{border-left:14px solid var(--tv-yellow)}.corner--r{border-right:14px solid var(--tv-yellow);text-align:right}.corner small{color:var(--tv-yellow);font:400 var(--pl-text-xs)/1 var(--pl-font-mono);letter-spacing:.14em;text-transform:uppercase}.corner b{font:900 clamp(32px, 3.4vw, 56px)/.95 var(--pl-font);text-transform:uppercase;letter-spacing:-.02em}.corner .nick{color:var(--tv-yellow);font:600 var(--pl-text-md)/1.2 var(--pl-font);font-style:italic}.corner dl{gap:4px var(--pl-4);margin:var(--pl-3) 0 0;font:400 var(--pl-text-sm)/1.2 var(--pl-font-mono);text-transform:uppercase;grid-template-columns:auto 1fr;display:grid}.corner--r dl{grid-template-columns:1fr auto}.corner--r dt{text-align:right}.corner dt{color:#fbf7eaa6}.corner dd{color:var(--tv-paper);margin:0;font-weight:700}.tape .vs{color:var(--tv-yellow);font:900 clamp(80px, 9vw, 150px)/.8 var(--pl-font);text-transform:uppercase;-webkit-text-stroke:4px var(--tv-ink);paint-order:stroke fill;text-shadow:var(--tv-extrude);transform:rotate(-8deg) skewX(var(--tv-skew));align-self:center}@media (prefers-reduced-motion:no-preference){.tape:not([hidden]) .corner--l{animation:.48s cubic-bezier(.2,1.3,.4,1) .15s both from-left}.tape:not([hidden]) .corner--r{animation:.48s cubic-bezier(.2,1.3,.4,1) .15s both from-right}.tape:not([hidden]) .vs{animation:.56s cubic-bezier(.2,1.7,.4,1) .6s both slam}.tape:not([hidden]) .head{animation:third-in .36s var(--pl-ease) both}@keyframes from-left{0%{translate:-60vw}}@keyframes from-right{0%{translate:60vw}}}.replay{top:var(--pl-7);left:var(--pl-6);justify-items:start;gap:6px;display:grid;position:absolute}.replay b{background:var(--tv-red);color:#fff;font:900 var(--pl-text-xl)/1 var(--pl-font);text-transform:uppercase;letter-spacing:.04em;transform:skewX(var(--tv-skew));box-shadow:5px 5px 0 var(--tv-ink);padding:6px 16px}.replay span{background:var(--tv-ink);color:var(--tv-paper);font:400 var(--pl-text-xs)/1.2 var(--pl-font-mono);text-transform:uppercase;letter-spacing:.1em;transform:skewX(var(--tv-skew));padding:3px 10px}.replay b i{font-style:normal}@media (prefers-reduced-motion:no-preference){.replay b i{animation:1s step-end infinite blink}}#ui.is-replay~#stage,#ui.is-replay{--replay:1}#ui.is-replay .hud-top,#ui.is-replay .hud-bottom,#ui.is-replay .bug{visibility:hidden}#ui.is-replay .crt{background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px),radial-gradient(120% 95%,#ffd28c0f 50%,#0009 100%)}.hud-bottom{align-items:end;gap:var(--pl-5);padding:0 var(--pl-6) var(--pl-5);grid-template-columns:1fr minmax(0,2fr) 1fr;min-height:44px;display:grid}.fame{align-items:center;gap:6px var(--pl-3);grid-template-rows:auto auto;grid-template-columns:auto minmax(110px,220px);display:grid}.fame .label{background:var(--tv-ink);color:var(--tv-paper);font:800 var(--pl-text-xs)/1 var(--pl-font);letter-spacing:.12em;text-transform:uppercase;transform:skewX(var(--tv-skew));padding:3px 10px}.fame .meter{border:2px solid var(--tv-paper);height:18px;transform:skewX(var(--tv-skew));background:#0009;overflow:hidden}.fame .meter i{background:repeating-linear-gradient(90deg, var(--tv-cyan) 0 12px, transparent 12px 15px);width:0;height:100%;transition:width var(--pl-fast) var(--pl-ease);display:block}.fame.full .meter i{background:repeating-linear-gradient(90deg, var(--tv-yellow) 0 12px, transparent 12px 15px)}.fame .ready{box-sizing:border-box;background:var(--tv-yellow);min-height:26px;color:var(--tv-ink);font:900 var(--pl-text-sm)/1.2 var(--pl-font);text-transform:uppercase;visibility:hidden;white-space:nowrap;transform:skewX(var(--tv-skew));grid-column:1/-1;justify-self:start;padding:3px 10px}.fame .ready kbd{color:var(--tv-yellow)}.fame.full .ready:not(:empty){visibility:visible}@media (prefers-reduced-motion:no-preference){.fame.full .meter{animation:.8s ease-in-out infinite alternate glow}@keyframes glow{to{box-shadow:0 0 14px var(--tv-yellow)}}}.fame--r{direction:rtl;justify-content:end}.fame--r>*{direction:ltr}.fame--r .ready{justify-self:end}.hud-bottom .mid{justify-items:center;min-width:0;display:grid}.say{text-align:left;max-width:70ch;font:600 var(--pl-text-md)/1.3 var(--pl-font);text-wrap:balance;align-items:stretch;margin:0;display:flex}.say b{background:var(--tv-yellow);color:var(--tv-ink);font:900 var(--pl-text-xs)/1 var(--pl-font);letter-spacing:.08em;text-transform:uppercase;transform:skewX(var(--tv-skew));flex:none;place-items:center;padding:4px 12px;display:grid}.say span{background:var(--tv-plate);color:var(--tv-paper);border-bottom:3px solid var(--tv-red);padding:6px 16px}@media (prefers-reduced-motion:no-preference){.say.in span{animation:third-in .26s var(--pl-ease) both}}.hud-bottom .keys{color:var(--tv-paper);font:400 var(--pl-text-xs)/1.3 var(--pl-font-mono);white-space:pre;text-align:center;background:#0009;margin:0;padding:4px 10px}.bug{right:var(--pl-6);opacity:.82;justify-items:end;gap:4px;display:grid;position:absolute;bottom:104px}.bug b{color:var(--tv-paper);font:900 var(--pl-text-lg)/1 var(--pl-font);text-transform:uppercase;letter-spacing:-.02em;transform:rotate(-4deg) skewX(var(--tv-skew));-webkit-text-stroke:2px var(--tv-ink);paint-order:stroke fill;text-shadow:var(--tv-extrude-sm)}.bug i{background:var(--tv-red);color:#fff;font:800 var(--pl-text-xs)/1.2 var(--pl-font);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;padding:2px 8px;font-style:normal;display:flex}.bug i:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.bug i:before{animation:1.4s step-end infinite blink}}dialog.pause{color:var(--tv-paper);pointer-events:auto;background:var(--tv-ink);border:4px solid var(--tv-yellow);box-shadow:10px 10px 0 var(--tv-red);border-radius:0}dialog.pause::backdrop{background:#0000148c}.pause h2{margin:0 0 var(--pl-5)}.pause .rows{gap:var(--pl-3);margin:0 0 var(--pl-5);display:grid}.pause .row{justify-content:space-between;align-items:center;gap:var(--pl-4);text-transform:uppercase;min-height:44px;font-weight:700;display:flex}.pause input[type=range]{width:200px;accent-color:var(--tv-yellow)}.pause pre{padding:var(--pl-3) var(--pl-4);border-left:4px solid var(--tv-yellow);font:400 var(--pl-text-xs)/1.7 var(--pl-font-mono);white-space:pre-wrap;background:#fbf7ea14;margin:0}.pause .pl-heading{color:var(--tv-yellow);text-transform:uppercase}.pause .actions{gap:var(--pl-3);display:grid}.pause .actions .tv-btn{width:100%}.result{padding:0 var(--pl-6) calc(96px + var(--pl-5));pointer-events:none;position:absolute;inset:auto 0 0}.result .box{gap:var(--pl-2);max-width:min(780px,72vw);padding:var(--pl-6) var(--pl-6) var(--pl-5);background:var(--tv-plate);border:3px solid var(--tv-paper);border-left:16px solid var(--tv-yellow);box-shadow:10px 10px 0 var(--tv-red);pointer-events:auto;display:inline-grid;position:relative}.result .tag{background:var(--tv-red);color:#fff;font:900 var(--pl-text-md)/1 var(--pl-font);letter-spacing:.2em;text-transform:uppercase;transform:skewX(var(--tv-skew));padding:6px 18px;position:absolute;top:-20px;left:18px}.result h1{color:var(--tv-yellow);font:900 clamp(46px, 5vw, 88px)/.92 var(--pl-font);letter-spacing:-.03em;text-transform:uppercase;-webkit-text-stroke:3px var(--tv-ink);paint-order:stroke fill;text-shadow:var(--tv-extrude-sm);transform:skewX(var(--tv-skew));outline:none;margin:0}.result p{margin:0 0 var(--pl-2);color:var(--tv-paper);font:700 var(--pl-text-lg)/1.2 var(--pl-font);text-transform:uppercase;font-style:italic}.stats{border-collapse:collapse;margin:0 0 var(--pl-4);color:var(--tv-paper);font:400 var(--pl-text-sm)/1.2 var(--pl-font-mono);text-transform:uppercase}.stats th,.stats td{padding:6px var(--pl-3)}.stats thead th{font:800 var(--pl-text-xs)/1.2 var(--pl-font);color:#fbf7eab3;letter-spacing:.06em}.stats thead th:first-child{text-align:left}.stats thead th:last-child{text-align:right}.stats tbody th{color:#fbf7eaa6;text-align:center;letter-spacing:.08em;font-weight:400}.stats tbody td{font:900 var(--pl-text-xl)/1 var(--pl-font)}.stats tbody td:last-child{text-align:right}.stats tbody td.w{color:var(--tv-yellow)}.stats tbody tr+tr{border-top:1px solid #fbf7ea26}.result .actions{gap:var(--pl-4);display:flex}.result .actions .tv-btn{min-width:200px}@media (prefers-reduced-motion:no-preference){.result:not([hidden]) .box{animation:.52s cubic-bezier(.2,1.3,.4,1) both from-left}}.oops{z-index:7;background:var(--pl-bg);pointer-events:auto;place-content:center;display:grid;position:absolute;inset:0}.small{display:none}@media (max-width:1023px){.small{z-index:10;place-content:center;gap:var(--pl-2);padding:var(--pl-5);background:var(--pl-bg);text-align:center;pointer-events:auto;display:grid;position:fixed;inset:0}.small b{font:700 var(--pl-title)/1.2 var(--pl-font)}.small span{color:var(--pl-fg-muted);max-width:28em}}dialog.make{color:var(--pl-fg);pointer-events:auto}.make form,.make .progress{gap:var(--pl-4);display:grid}.make .lede{margin:calc(var(--pl-2) * -1) 0 0;color:var(--pl-fg-muted)}.make .field{gap:var(--pl-2);display:grid}.make .lab{font:500 var(--pl-secondary)/1.2 var(--pl-font);color:var(--pl-fg-muted)}.make .drop{align-items:center;gap:var(--pl-3);cursor:pointer;display:flex}.make .drop img{object-fit:cover;border-radius:var(--pl-radius-sm);width:64px;height:64px}.make .drop:focus-within .pl-btn{outline:2px solid var(--pl-accent-text);outline-offset:2px}.make .pl-input{min-height:44px}.make details summary{cursor:pointer;font:500 var(--pl-secondary)/1.2 var(--pl-font);color:var(--pl-accent-text);align-items:center;min-height:32px;display:flex}.make details[open]{gap:var(--pl-3)}.make .err{color:var(--pl-fg);min-height:1.2em;margin:0}.make .err:empty{display:none}.make .actions{gap:var(--pl-2);display:grid}.make .steps{gap:var(--pl-2);counter-reset:s;margin:0;padding:0;list-style:none;display:grid}.make .steps li{align-items:center;gap:var(--pl-3);color:var(--pl-fg-muted);counter-increment:s;display:flex}.make .steps li:before{content:counter(s);border-radius:var(--pl-radius-full);border:1.5px solid var(--pl-edge);width:24px;height:24px;font:400 var(--pl-text-xs)/1 var(--pl-font-mono);flex:none;place-items:center;display:grid}.make .steps li[data-state=now]{color:var(--pl-fg);font-weight:500}.make .steps li[data-state=now]:before{border-color:var(--pl-accent)}.make .steps li[data-state=done]{color:var(--pl-fg)}.make .steps li[data-state=done]:before{content:"";background:var(--pl-accent);border-color:var(--pl-accent);box-shadow:inset 0 0 0 6px var(--pl-accent);-webkit-mask:none}.make .time{color:var(--pl-fg-muted);font-size:var(--pl-text-sm);margin:0}.pick .go{gap:var(--pl-2);display:grid}.pick .make-open{width:100%}.sheet{background:var(--tv-plate);border-left:8px solid var(--tv-yellow);min-width:264px;color:var(--tv-paper);transform:skewX(var(--tv-skew));box-shadow:6px 6px 0 var(--tv-ink);gap:10px;padding:14px 20px 16px 18px;display:grid;position:absolute;bottom:12vh;left:592px}.sheet h2{margin:0}.sheet dl{grid-template-columns:auto 1fr;align-items:center;gap:7px 18px;margin:0;display:grid}.sheet dt{font:800 var(--pl-text-sm)/1 var(--pl-font);text-transform:uppercase;letter-spacing:.04em}.sheet dd{justify-content:end;gap:4px;margin:0;display:flex}.sheet dd i{box-sizing:border-box;border:2px solid #fbf7ea73;width:20px;height:12px}.sheet dd i.on{background:var(--tv-yellow);border-color:var(--tv-yellow)}.sheet p{gap:3px;margin:0;display:grid}.sheet p small{font:400 var(--pl-text-xs)/1 var(--pl-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tv-yellow)}.sheet p b{font:900 var(--pl-text-md)/1.05 var(--pl-font);text-transform:uppercase;letter-spacing:.01em}@media (max-width:1360px){.sheet{bottom:calc(12vh + 176px)}}@media (prefers-reduced-motion:no-preference){.pick:not([hidden]) .sheet{animation:third-in .38s var(--pl-ease) .14s both}}#ui.is-studio .pause,#ui.is-studio .hud-bottom .keys,#ui.is-studio .third--entrance em,#ui.is-studio .replay span,#ui.is-studio .osd--pause,#ui.is-studio .result .actions{display:none!important}.studio-snow{z-index:7;width:100%;height:100%;image-rendering:pixelated;opacity:.9;position:absolute;inset:0}.studio-card{z-index:6;position:absolute;inset:0}.sc{place-content:center;justify-items:center;gap:var(--pl-4);text-align:center;background:radial-gradient(ellipse at 50% 45%, #2a0c10 0%, var(--tv-ink) 70%), var(--tv-ink);color:var(--tv-paper);display:grid;position:absolute;inset:0;overflow:hidden}.sc:before{content:"";background:repeating-conic-gradient(from 0deg, #ffe03a12 0 8deg, transparent 8deg 16deg);position:absolute;inset:-50%}.sc>*{position:relative}.sc--black{background:#000}.sc--black:before{display:none}.sc .osd{top:var(--pl-6);left:var(--pl-7);margin:0;position:absolute}.sc .tag{background:var(--tv-red);color:#fff;font:900 var(--pl-text-xl)/1 var(--pl-font);letter-spacing:.24em;text-transform:uppercase;transform:skewX(var(--tv-skew));margin:0;padding:6px 22px;box-shadow:6px 6px #000}.sc .logo-word{margin:0 0 var(--pl-6);transform:rotate(-4deg) skewX(var(--tv-skew));font-size:clamp(110px,13vw,240px)}.sc .bill{align-items:center;gap:var(--pl-5);display:flex}.sc .bill b{background:var(--tv-yellow);color:var(--tv-ink);font:900 clamp(36px, 3.6vw, 64px)/1 var(--pl-font);text-transform:uppercase;transform:skewX(var(--tv-skew));box-shadow:6px 6px 0 var(--tv-red);padding:8px 24px}.sc .bill em{color:var(--tv-yellow);font:900 clamp(48px, 5vw, 90px)/1 var(--pl-font);text-transform:uppercase;text-shadow:var(--tv-extrude-sm);font-style:normal}.sc .strip{color:var(--tv-paper);font:400 var(--pl-text-md)/1 var(--pl-font-mono);letter-spacing:.16em;text-transform:uppercase;background:#000;margin:0;padding:6px 18px}.sc--outro{align-content:start;padding-top:12vh}.sc .credits{width:min(900px,80vw);height:34vh;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.sc .roll{gap:var(--pl-5);padding-top:34vh;animation:7s linear both roll-credits;display:grid}.sc .roll p{font:900 clamp(32px, 3vw, 52px)/1.1 var(--pl-font);text-transform:uppercase;gap:6px;margin:0;display:grid}.sc .roll small{color:var(--tv-yellow);font:400 clamp(16px, 1.4vw, 24px)/1 var(--pl-font-mono);letter-spacing:.16em}.sc .roll .fine{font:400 clamp(16px, 1.4vw, 24px)/1.4 var(--pl-font);text-transform:none;color:#fbf7eabf}.sc .roll .end{color:var(--tv-yellow);font-size:var(--pl-text-3xl);text-shadow:var(--tv-extrude-sm)}@keyframes roll-credits{to{translate:0 -100%}}.sc--open .logo-word{animation:.52s cubic-bezier(.2,1.6,.4,1) .25s both logo-in}.sc--open .bill{animation:.56s cubic-bezier(.2,1.7,.4,1) 1.6s both slam}.sc--open .strip,.sc--open .tag{animation:third-in .36s var(--pl-ease) .9s both}.sc--outro .bill{animation:.56s cubic-bezier(.2,1.7,.4,1) .4s both slam}
