html,body{overscroll-behavior:none;height:100%;overflow:hidden}.stage{background:var(--void);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transform-origin:50%;position:fixed;inset:0;overflow:hidden}.channel{position:absolute;inset:0;overflow:hidden}.channel canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.fx{z-index:10;pointer-events:none;position:fixed;inset:0}.fx__cover{opacity:1;background:#000;position:absolute;inset:0}.fx__noise{opacity:0;position:absolute;inset:0}.fx__noise canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.fx__noise:after{content:"";background:repeating-linear-gradient(#00000059 0 1px,#0000 1px 3px);position:absolute;inset:0}.fx__line{opacity:0;background:#fff;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 12px 3px #fffc,0 0 40px 8px #bedcff73}.frame{z-index:20;pointer-events:none;position:fixed;inset:0}.frame>*{pointer-events:auto}.osd{left:var(--safe-l);bottom:var(--safe-b);min-height:44px;color:var(--accent);font:600 15px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 1px #000000e6, 0 0 3px #000000b3, 0 0 10px color-mix(in srgb, var(--accent) 70%, transparent);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:2px;align-items:center;gap:.6em;margin:0 0 -6px -8px;padding:0 .85em 0 .7em;font-stretch:112.5%;display:inline-flex;position:absolute}.osd__num{font-variant-numeric:tabular-nums}.osd__name{opacity:0;letter-spacing:.12em;max-width:0;font-size:.8em;transition:max-width .35s,opacity .25s;display:inline-block;overflow:hidden}.osd--named .osd__name{opacity:1;max-width:16em}.osd__arrow{border-left:.55em solid;width:0;height:0;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 70%, transparent));border-block:.36em solid #0000;transition:transform .15s}.osd:hover .osd__arrow,.osd:focus-visible .osd__arrow{transform:translate(3px)}.osd--flash{animation:.42s step-end osd-flash}@keyframes osd-flash{0%,30%,60%{opacity:1}15%,45%{opacity:.25}}.tools-link,.sound{color:#fff;mix-blend-mode:difference;opacity:.72;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:opacity .2s;display:inline-flex;position:absolute}.tools-link:hover,.tools-link:focus-visible,.sound:hover,.sound:focus-visible{opacity:1}.tools-link{top:var(--safe-t);right:var(--safe-r);font:400 12px/1 var(--font-ui);letter-spacing:.14em;text-transform:lowercase;margin:-10px -10px 0 0;padding:0 10px;text-decoration:none}.tools-link:after{content:"";background:linear-gradient(to bottom left,#0000 calc(50% - .6px),currentColor 50%,#0000 calc(50% + .6px));border-top:1px solid;border-right:1px solid;width:.5em;height:.5em;margin-left:.55em}.sound{right:var(--safe-r);bottom:var(--safe-b);cursor:pointer;background:0 0;border:0;margin:0 -10px -10px 0;padding:0}.sound svg{width:20px;height:20px;overflow:visible}.sound .wave{opacity:0;transition:opacity .2s}.sound .mute,.sound[aria-pressed=true],.sound[aria-pressed=true] .wave{opacity:1}.sound[aria-pressed=true] .mute{opacity:0}@media (max-width:480px){.osd{font-size:14px}}@media (prefers-reduced-motion:reduce){.osd__name,.osd__arrow,.tools-link,.sound{transition:none}.osd--flash{animation:none}}
