.qs-play-room{container:qs-play/inline-size}.qs-play{gap:var(--nv-space-5,1.5rem);display:grid}@container qs-play (width>=60rem){.qs-play{column-gap:var(--nv-space-6,2rem);grid-template-columns:minmax(0,1.9fr) minmax(19rem,1fr);align-items:start}}@container qs-play (width<=40rem){.qs-play[data-playing] .qs-scene-steps li:not([data-now]){display:none}}.qs-play-frame{aspect-ratio:4/5;border:1px solid var(--nv-color-border);border-radius:var(--nv-radius-lg);background:var(--nv-color-bg);perspective:1400px;touch-action:none;cursor:grab;width:100%;max-height:82vh;position:relative;overflow:hidden}@container qs-play (width>=40rem){.qs-play-frame{aspect-ratio:16/10}}.qs-play-begin{place-content:center;justify-items:center;gap:var(--nv-space-4,1rem);padding:var(--nv-space-5,1.5rem);text-align:center;cursor:default;display:grid;position:absolute;inset:0}.qs-play-begin[hidden]{display:none}.qs-play-begin p{max-width:24rem;font-family:var(--nv-font-sans);font-size:var(--nv-text-base,1rem);color:var(--nv-color-fg-muted);margin:0}@container qs-play (width>=60rem){.qs-play-frame{aspect-ratio:4/3}}.qs-play-frame[data-locked]{cursor:default}.qp-world{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.qp-world[hidden]{display:none}.qp-house,.qp-span,.qp-token{position:absolute;top:0;left:0}.qp-span,.qp-token{pointer-events:none}.qp-house .fig,.qp-span .fig,.qp-token .fig{width:100%;height:100%;display:block;overflow:visible}.qp-arc path{stroke-width:max(2.5px, calc(1.5px / var(--qp-zoom,1)));opacity:.85}.qp-arc[data-faded] path{opacity:.3}.qp-house,.qp-arc path{transition:opacity .6s}.qp-world[data-visit] .qp-house[data-aside]{opacity:.4}.qp-world[data-visit] .qp-house[data-aside=way]{opacity:.07}.qp-world[data-visit] .qp-arc path{opacity:.2}@media (prefers-reduced-motion:reduce){.qp-house,.qp-arc path{transition:none}}.qp-house{cursor:pointer;border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px}.qs-play-frame[data-locked] .qp-house{pointer-events:none}.qp-name{white-space:nowrap;font-family:var(--nv-font-mono);font-size:max(20px, calc(12px / var(--qp-zoom,1)));color:var(--nv-color-fg-subtle);margin:0;line-height:1;position:absolute;top:calc(100% - 1.25rem);left:50%;transform:translate(-50%)}.qp-name b{color:var(--nv-color-fg);font-weight:500}.qp-world[data-far] .qp-name span{display:none}.qp-house[data-selected] .qp-name b{color:var(--nv-color-accent);text-underline-offset:.3em;text-decoration:underline}.qp-house:focus-visible{outline:3px solid var(--nv-color-border-focus);outline-offset:6px}.qs-play-beside{gap:var(--nv-space-5,1.5rem);min-width:0;display:grid}.qs-play-say{gap:var(--nv-space-2,.5rem);min-width:0;display:grid}.qs-play-caption{max-width:58ch;min-height:1.5em;font-size:var(--nv-text-lg,1.125rem);line-height:var(--nv-leading-normal,1.5);color:var(--nv-color-fg);margin:0}.qs-play .qs-scene-steps li{color:var(--nv-color-fg-muted)}.qs-play .qs-scene-steps li[data-now]{border-inline-start-color:var(--nv-color-accent);color:var(--nv-color-fg)}.qs-play-controls{gap:var(--nv-space-4,1rem);min-width:0;display:grid}.qs-play button.qs-action{cursor:pointer}.qs-play button.qs-action:disabled{opacity:.45;cursor:default}.qs-play button.qs-action[aria-pressed=true]{border-color:var(--nv-color-accent);color:var(--nv-color-accent)}.qs-play-films ol{margin:var(--nv-space-2,.5rem) 0 0;border-block-end:1px solid var(--nv-color-border-subtle);padding:0;list-style:none}.qs-play-film{gap:var(--nv-space-3,.75rem);width:100%;min-height:2.75rem;padding:var(--nv-space-2,.5rem) 0;border:0;border-block-start:1px solid var(--nv-color-border-subtle);font-family:var(--nv-font-sans);font-size:var(--nv-text-base,1rem);text-align:start;color:var(--nv-color-fg);cursor:pointer;background:0 0;align-items:baseline;display:flex}.qs-play-film .qs-no{font-family:var(--nv-font-mono);font-size:var(--nv-text-xs,.8125rem);color:var(--nv-color-accent)}.qs-play-film:hover:not(:disabled),.qs-play-film[aria-pressed=true]{color:var(--nv-color-accent)}.qs-play-film:disabled{opacity:.45;cursor:default}.qs-play-film:focus-visible{outline:2px solid var(--nv-color-border-focus);outline-offset:2px}.qs-play[data-playing] .qs-play-films,.qs-play[data-playing] .qs-play-keeps{display:none}.qs-play-keeps .qs-code{max-height:22rem;margin-top:var(--nv-space-2,.5rem);font-size:var(--nv-text-xs,.8125rem);overflow:auto}