:root{--ink:#221a3a;--kraft:#c9a46c;--kraft-dark:#a9824b;--velvet:#6d1426;--velvet-deep:#4a0b18;--bulb:#ffd23f;--marker:"Marker Felt", "Chalkboard SE", "Comic Neue", "Comic Sans MS", cursive;--script:"Courier Prime", "Courier New", Courier, monospace}*{box-sizing:border-box}html,body{margin:0}html{background:var(--velvet-deep)}body{color:var(--ink);font-family:var(--marker);background:repeating-linear-gradient(90deg, #00000047 0 2px, transparent 2px 46px, #ffffff0d 46px 52px, transparent 52px 92px), linear-gradient(180deg, var(--velvet) 0%, var(--velvet-deep) 100%);min-height:100vh;min-height:100dvh}.house{min-height:100vh;--tv-width:min(1180px, 100%, calc((100vh - 170px) * 16 / 9 + 40px));flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:24px 16px 32px;display:flex}.tv{width:var(--tv-width);background:var(--kraft);box-shadow:0 18px 40px #1400088c, inset 0 0 0 2px var(--kraft-dark);border-radius:6px 9px 5px 8px;padding:18px 18px 10px;position:relative}.screen{border:3px solid var(--ink);background:#000;border-radius:3px;line-height:0;position:relative;container-type:inline-size}canvas{width:100%;height:auto;display:block}.bigplay{font:32px/1.1 var(--marker);color:var(--ink);background:var(--bulb);border:3px solid var(--ink);cursor:pointer;box-shadow:4px 5px 0 var(--ink);border-radius:10px 14px 9px 12px;padding:14px 28px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-2deg)}.bigplay[hidden]{display:none}.bigplay.seat{top:var(--seat-y,60%);font-size:clamp(11px, calc(2.4cqw * var(--bill,1)), 34px);white-space:nowrap;align-items:center;gap:.45em;padding:.35em .9em;display:inline-flex;transform:translate(-50%,-50%)rotate(-1deg)}.bigplay.seat[hidden]{display:none}.bigplay.seat svg{fill:currentColor;width:.7em;height:.84em}.strip{align-items:center;gap:12px;padding:12px 2px 4px;display:flex}.tab{font:18px/1 var(--marker);color:var(--ink);border:2px solid var(--ink);cursor:pointer;box-shadow:2px 3px 0 var(--ink);white-space:nowrap;background:#e8cf9e;border-radius:7px 5px 8px 6px;padding:7px 12px}.tab:active{box-shadow:none;transform:translate(2px,3px)}.tab[aria-pressed=true]{background:#ff6b6b}.tab:disabled{opacity:.5;cursor:progress}#play{min-width:76px}#cc[aria-pressed=false]{opacity:.7;text-decoration:line-through}button:focus-visible,.scrub:focus-visible{outline:3px dashed var(--velvet);outline-offset:3px}.scrub{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;height:30px;position:relative}.track{border:2px solid var(--ink);background:#e8cf9e;border-radius:6px;height:9px;position:absolute;top:11px;left:0;right:0;overflow:hidden}.fill{background:var(--velvet);width:0;height:100%}.notches{pointer-events:none;position:absolute;inset:0}.notch{background:var(--ink);border-radius:2px;width:3px;height:22px;position:absolute;top:4px}.time{font:17px/1 var(--script);text-align:right;min-width:96px;font-weight:700}.clock{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.loaded{font:12px/1 var(--script);opacity:.8;white-space:nowrap}.loaded[hidden]{display:none}.marquee{width:var(--tv-width);color:#f4e3c1;align-items:center;gap:18px;margin:0;font-size:20px;display:flex}.brand{font:26px/1 var(--marker);color:#f4e3c1;white-space:nowrap;text-decoration:none}.marquee .note{text-align:center;flex:1}.screen:fullscreen{border:0;border-radius:0;justify-content:center;align-items:center;display:flex}.screen:fullscreen canvas{width:min(100vw,177.778vh);height:min(100vh,56.25vw)}@media (max-width:640px){.strip{flex-wrap:wrap;gap:10px 8px}.scrub{flex-basis:100%;order:-2}.clock{flex-basis:100%;order:-1;margin-top:-8px}.tab{padding:7px 10px;font-size:16px}#play{min-width:64px}}.ready{background:#d9bb85;width:0;position:absolute;inset:0 auto 0 0}.scrub.loading .track{background-image:repeating-linear-gradient(-45deg,#e8cf9e 0 6px,#f3e2bd 6px 12px);background-size:34px 34px;animation:1.2s linear infinite rendering}@keyframes rendering{to{background-position:34px 0}}@media (prefers-reduced-motion:reduce){.scrub.loading .track{animation:none}}.peek{white-space:nowrap;pointer-events:none;font:bold 14px/1 var(--script);color:#f4e3c1;background:var(--ink);border-radius:5px;padding:5px 8px;position:absolute;bottom:30px;transform:translate(-50%)}.peek[hidden]{display:none}.fill{position:relative}.tv[hidden]{display:none}.studio{background:var(--kraft);width:min(720px,100%);box-shadow:0 18px 40px #1400088c, inset 0 0 0 2px var(--kraft-dark);border-radius:8px 6px 9px 7px;gap:16px;padding:28px 32px 26px;display:grid}.studio[hidden]{display:none}.studio h1{margin:0;font-size:46px;font-weight:400;line-height:1.05;transform:rotate(-1.5deg)}.studio .lede{font:17px/1.45 var(--script);max-width:60ch;margin:0}.drop{border:3px dashed var(--ink);text-align:center;cursor:pointer;background:#e8cf9e;border-radius:10px;place-items:center;min-height:130px;padding:18px;font-size:22px;display:grid}.drop.over{background:var(--bulb)}.drop{position:relative}.drop input{opacity:0;width:1px;height:1px;position:absolute}.drop:has(#file:focus-visible){outline:3px dashed var(--velvet);outline-offset:3px}.info{vertical-align:3px;border:2px solid var(--ink);width:22px;height:22px;font:bold 14px/1 var(--script);cursor:help;border-radius:50%;place-items:center;margin-left:8px;display:inline-grid}.tip{z-index:5;background:var(--ink);color:#fff6d8;width:min(360px,92%);font:14px/1.5 var(--script);text-align:left;cursor:default;border-radius:8px;padding:12px 16px;display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #14000866}.tip b{font-family:var(--marker);font-size:17px;font-weight:400;display:block}.tip b+span{margin-top:2px}.tip span{text-indent:-14px;padding-left:14px;display:block}.tip span:before{content:"- "}.tip span+b{margin-top:8px}:is(.drop:has(.info:hover) .tip,.drop:has(.info:focus-visible) .tip,.drop:has(.info.open) .tip){display:block}.studio .row{gap:6px;display:grid}.studio .row>label{font-size:19px}.studio .row>*{min-width:0}.studio .row[hidden]{display:none}.studio input[type=url],.studio input[type=text]{font:17px var(--script);border:2px solid var(--ink);color:var(--ink);background:#fff8e7;border-radius:6px;width:100%;padding:8px 10px}.go{background:var(--bulb);justify-self:start;padding:10px 22px;font-size:24px}.status{min-height:1.4em;font:16px var(--script);margin:0}.studio textarea{font:15px/1.4 var(--script);border:2px solid var(--ink);color:var(--ink);resize:vertical;background:#fff8e7;border-radius:6px;width:100%;padding:8px 10px}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.studio .tab[disabled]{opacity:.55;cursor:progress}.marquee[hidden]{display:none}.another{background:var(--bulb);margin-left:auto;padding:6px 12px;font-size:17px}.credit{text-align:center;color:#e8cfa9;max-width:72ch;font:13px/1.5 var(--script);opacity:.85;margin:0}.credit a{color:var(--bulb)}.note{color:var(--bulb);overflow-wrap:anywhere;font-size:14px}.note:empty{display:none}.turnstile{z-index:10;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}