.ascii-cinema{position:relative;max-width:960px;margin:26px auto 4px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none}.ascii-cinema canvas,.ascii-cinema__screen{position:absolute;inset:0}.ascii-cinema canvas{width:100%;height:100%;object-fit:contain}.ascii-cinema__scrub{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);width:min(420px,64%);height:30px;cursor:pointer;touch-action:none}.ascii-cinema__scrub-track{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);border-radius:999px;background:color-mix(in srgb,var(--pink) 45%,transparent);pointer-events:none}.ascii-cinema__scrub-ball{position:absolute;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid var(--pink);background:color-mix(in srgb,var(--bg) 72%,transparent);pointer-events:none}.ascii-cinema__status{font-family:var(--mono);font-size:12px;color:var(--ink-faint);letter-spacing:.08em;margin:0}.ascii-cinema__paused{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:3px;color:var(--pink);background:color-mix(in srgb,var(--bg) 72%,transparent);border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);pointer-events:none}