.interactive-stage{min-width:0;position:absolute;inset:0}.interactive-stage[hidden],.interactive-owner[hidden],.interactive-narration[hidden]{display:none}.interactive-narration{inset:var(--interactive-bar-height,84px) 16px 126px;flex-direction:column;gap:8px;display:flex;position:absolute}.interactive-frame{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.interactive-frame>.interactive-picture{width:min(100cqw,177.778cqh)}.interactive-picture{aspect-ratio:16/9;border-radius:var(--radius-card);border:1px solid var(--color-player-rule);background:var(--color-video-picture);width:100%;max-width:100%;position:relative;overflow:hidden}.interactive-controls{z-index:2;background:linear-gradient(transparent, var(--color-video-scrim));color:var(--color-paper);padding:36px 14px 12px;position:absolute;inset:auto 0 0}.interactive-controls-row{font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.interactive-controls button{cursor:pointer}.interactive-controls button:disabled{opacity:.5;cursor:default}.interactive-controls select{color:var(--color-ink);background:var(--color-paper);border-radius:var(--radius-control)}.interactive-captions{border-radius:var(--radius-control);background:var(--color-video-scrim);width:fit-content;color:var(--color-paper);text-align:center;margin-inline:auto;padding:8px 12px;font-weight:700;position:absolute;bottom:106px;left:8%;right:8%}.interactive-waiting{border-radius:var(--radius-pill);background:var(--color-video-scrim);color:var(--color-paper);padding:6px 10px;font-weight:800;position:absolute;top:16px;left:16px}.player[data-layout=interactive]{grid-template-rows:auto minmax(0,1fr);overflow:hidden;container-type:size}.player[data-layout=interactive]>.player-stage{min-height:0;padding:0}.player[data-layout=interactive] .player-column,.player[data-layout=interactive]>.player-tray{display:none}.interactive-owner,.interactive-step-aside{height:100%}.interactive-left{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.interactive-left .interactive-picture{width:min(100%,177.778cqh - 231.111px)}.interactive-rail{min-width:0;animation:interactive-rail-enter .12s var(--ease-ui);flex-direction:column;gap:18px;padding:16px 0 12px;display:flex;overflow:auto}.interactive-stage[data-step-aside]{grid-template-columns:minmax(0,1fr) clamp(320px,28cqw,400px);gap:20px;padding:0 20px 20px;display:grid}.interactive-stage[data-step-aside] .interactive-narration{grid-area:1/1;position:relative;inset:auto}.interactive-stage[data-step-aside] .interactive-owner{grid-area:1/2;min-width:0;min-height:0}.interactive-stage[data-step-aside] .interactive-owner:has(.interactive-left){grid-column:1/-1}.interactive-stage[data-step-aside] .interactive-owner:has(.interactive-left) .interactive-step-aside{grid-template-columns:minmax(0,1fr) clamp(320px,28cqw,400px);gap:20px;display:grid}.interactive-rail h2{margin:0;font-size:1.6rem;font-weight:800;line-height:1.25}.interactive-rail h2:focus{outline:none}.interactive-rail-actions{gap:14px;margin-top:auto;display:grid}.interactive-rail-status:empty{position:absolute}.interactive-rail .feedback-bubble:after{display:none}.interactive-rail .interactive-controls{background:0 0;padding:14px 0 0;position:static}.interactive-circuit{border-top-left-radius:var(--radius-learning);border-top-right-radius:var(--radius-learning);position:absolute;inset:0;overflow:hidden}.interactive-circuit .builder-right{max-width:200px}.interactive-circuit .builder-dock{max-width:calc(100% - 44px)}.interactive-stage>aside{z-index:3;background:var(--color-ink);color:var(--color-paper);border-color:var(--color-player-rule);position:absolute;inset:10px 20px auto}.interactive-status{max-height:30%;font-size:var(--text-small);flex:none;overflow:auto}:is(.interactive-status,.interactive-problem) [role=alert]{border-color:var(--color-player-rule-strong)}:is(.interactive-status,.interactive-problem) button{font-weight:800;text-decoration:underline}.interactive-narration-notice{z-index:3;border-radius:var(--radius-card);background:var(--color-ink);max-width:min(360px,100% - 32px);color:var(--color-paper);font-size:var(--text-small);padding:10px 14px;font-weight:700;position:absolute;top:16px;right:16px}.interactive-narration-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.interactive-rail .interactive-narration-notice{background:0 0;max-width:none;padding:0;position:static}@keyframes interactive-rail-enter{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.interactive-rail{animation:none}}.interactive-stage>aside{width:min(460px,100cqw - 40px);right:auto}.player[data-layout=theatre] .interactive-stage>aside{top:calc(var(--interactive-bar-height,84px) + 10px)}.player[data-layout=interactive] .interactive-stage>aside{width:min(460px,100cqw - 440px)}.interactive-rows .check-table :is(th,td){color:var(--color-paper);border-color:var(--color-player-rule-strong)}.interactive-rows .check-table tr.mismatch :is(th,td){color:var(--color-warning-on-ink);background:color-mix(in srgb, var(--color-warning-on-ink) 12%, var(--color-ink))}.interactive-board{width:100%;min-width:0}.interactive-picture[data-controls-hidden]{cursor:none}.interactive-picture[data-controls-hidden]>.interactive-controls{opacity:0;pointer-events:none}.interactive-controls{transition:opacity var(--motion-duration-fast) var(--ease-ui)}.interactive-picture[data-controls-hidden] .interactive-captions{bottom:20px}.interactive-picture:fullscreen{border-radius:0;width:100%;height:100%}@media (560px<=width<=700px) and (any-pointer:fine){.player[data-layout=interactive]{grid-template-rows:auto minmax(0,1fr) auto;overflow:auto}.player[data-layout=interactive]>.player-tray{display:block}.interactive-stage[data-step-aside]{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 16px 16px;display:grid;overflow:visible}:is(.interactive-stage[data-step-aside] .interactive-narration,.interactive-stage[data-step-aside] .interactive-owner,.interactive-stage[data-step-aside] .interactive-owner:has(.interactive-left)){grid-area:auto/1}.interactive-stage[data-step-aside] .interactive-owner:has(.interactive-left) .interactive-step-aside{grid-template-columns:minmax(0,1fr);gap:12px}.interactive-rail{padding:0 0 8px;overflow:visible}.interactive-rail-actions>:is(.feedback-bubble-region,.pill){display:none}.interactive-left .interactive-picture{width:min(100%,145.778cqh)}}.simulator-bench{visibility:hidden;border-top-left-radius:var(--radius-learning);border-top-right-radius:var(--radius-learning);position:absolute;inset:0;overflow:hidden}.simulator-bench[data-active]{visibility:visible}.simulator-bench-heading{z-index:5;color:var(--color-ink);font-size:var(--text-small);position:absolute;top:12px;left:22px}.simulator-bench-heading:has(>span:not(.sr-only)){border-radius:var(--radius-control);background:var(--color-paper);padding:6px 10px}.simulator-notices{z-index:30;width:min(460px,100% - 48px);position:fixed;top:100px;left:24px}.simulator-notices:empty{display:none}.simulator-save{font-size:var(--text-eyebrow)}.simulator-rows .check-table :is(th,td){color:var(--color-paper);border-color:var(--color-player-rule)}.simulator-rows .check-table tr.mismatch :is(th,td){background:var(--color-player-rule)}@media (width<=1039px){.simulator-save{display:none}}