#drill[data-drill=mental-rotation]{--activity-primary-width:240px;--activity-dock-bottom:max(12px, env(safe-area-inset-bottom));--rotation-surface:var(--subject-preview-surface,var(--subject-surface,var(--mint,#dce5d5)))}#drill[data-drill=mental-rotation] .rotation-setup{--practice-setup-surface:var(--surface,var(--card));background:var(--practice-setup-surface);padding:0;overflow:clip}#drill[data-drill=mental-rotation] .rotation-task{letter-spacing:-.02em;text-wrap:balance;margin:0;padding:24px;font-size:clamp(1.25rem,1.05rem + .7vw,1.5rem);line-height:1.3}.rotation-example,.rotation-preview,.rotation-visual{background:var(--rotation-surface)}.rotation-example{container-type:inline-size}.rotation-preview{width:min(100%,680px);height:round(clamp(140px,min(100cqi,680px)/2.5,180px),1px);margin-inline:auto}.rotation-preview svg{width:100%;height:100%;display:block}.rotation-example-caption{align-items:center;gap:12px;min-height:44px;padding:0;font-size:.875rem;line-height:1.4;display:flex}.rotation-example-label{margin-inline-end:8px;font-weight:600}.rotation-example{--rotation-answer-h:calc(2 * 1.4 * .875rem)}#drill[data-drill=mental-rotation] .rotation-example:not(:has(>.rotation-example-answer)){padding-bottom:calc(var(--rotation-answer-h) + 6px)}.rotation-example-answer{min-height:var(--rotation-answer-h);color:var(--ink);text-align:center;text-wrap:balance;margin:0;padding-top:6px;font-size:.875rem;line-height:1.4}@media (width>=40.6875em){.rotation-example{--rotation-answer-h:calc(1.4 * .875rem)}}.rotation-preview-hint{min-width:0;color:var(--ink);flex:1 1 0;margin:0;font-size:.875rem;line-height:1.4}#drill[data-drill=mental-rotation] #rotation-preview-reset{text-underline-offset:var(--underline-offset);background:0 0;border-color:#0000;padding-inline:4px;font-weight:400;text-decoration:underline}#drill[data-drill=mental-rotation] :is(.rotation-preview,#figure,#turn-figure,#match-stage) svg>rect:first-child{fill:var(--rotation-surface)}#rotation-round-facts{color:var(--ink);font-weight:600}.rotation-visual-note,#intro-note{color:var(--muted);font-size:.875rem;line-height:1.5}.rotation-visual-note{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#drill[data-drill=mental-rotation] #stage{border:1px solid var(--line);background:var(--surface,var(--card));border-radius:16px;padding:0;scroll-margin-top:12px;overflow:visible}.rotation-top{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 16px 0;font-size:.875rem;display:flex}.rotation-top>.practice-end-tools{order:3;margin-left:auto}#drill[data-drill=mental-rotation] #progress{margin:0;font-weight:400}#drill[data-drill=mental-rotation] #rotation-stats{border:0;margin:0;padding:0}#drill #rotation-stats dt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#drill #rotation-stats>div:last-child{gap:0 8px}#drill #rotation-stats>div:last-child:before{content:"·" / "";color:var(--muted);font-weight:600}#rotation-stats>div:first-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#drill[data-drill=mental-rotation] #prompt{margin:0;padding:10px 16px 16px}.rotation-feedback-row{align-items:center;gap:12px;padding:8px 16px 12px;display:flex}.rotation-feedback-row .shape-turn-reset[hidden]{visibility:hidden;pointer-events:none;display:inline-flex!important}#drill[data-drill=mental-rotation] #feedback{flex:auto;align-content:center;min-width:0;min-height:2.8em;margin:0;padding:0;line-height:1.4;display:grid}#drill[data-drill=mental-rotation] #feedback:before{content:attr(data-reserve);visibility:hidden;grid-area:1/1}#rotation-feedback-text{grid-area:1/1}#controls[data-rotation-dock]{z-index:20;background:var(--surface,var(--card));width:100%;box-shadow:none;border:0;border-radius:0 0 16px 16px;flex-wrap:wrap;gap:8px;padding:12px;display:flex;position:static;bottom:auto;left:auto;right:auto;transform:none}#controls[data-rotation-dock] .btn{overflow-wrap:anywhere;flex:6rem;min-width:0;min-height:52px;margin:0;padding:10px 12px;font-size:1rem;line-height:1.35}#controls[data-rotation-dock] [data-choice]{justify-content:space-between}#controls[data-rotation-dock] [data-choice]:disabled{background:var(--surface,var(--card))}#controls[data-rotation-dock] [data-choice][aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink);outline:2px solid var(--accent);outline-offset:-3px}#drill[data-drill=mental-rotation] [data-activity-primary]{width:auto;max-width:100%;box-shadow:none;position:static}#drill[data-drill=mental-rotation] .practice-setup-action [data-activity-primary]{width:100%;min-height:52px;position:relative}#drill[data-drill=mental-rotation] .practice-result-actions>.btn-primary{width:min(100%, var(--calm-action-width,220px))}#drill #controls[data-rotation-dock] #rotation-next{flex:.85 5.5rem;width:auto;position:static}#drill[data-drill=mental-rotation]{padding-bottom:var(--practice-ending-gap,28px)}body:has(#drill[data-drill=mental-rotation]){padding-bottom:0}html:has(#drill[data-drill=mental-rotation]){scroll-padding-bottom:16px}#drill #results{text-align:left}#drill #result-title{margin-bottom:4px}#drill #result-round-level{margin:0;font-size:.875rem}#drill .rotation-score{flex-wrap:wrap;gap:16px 40px;margin:20px 0 8px;display:flex}#drill .rotation-score dt{color:var(--muted);font-size:.875rem}#drill :is(#result-score,#result-active-time){letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:650;line-height:1.25}#drill #result-insight{margin:0 0 20px;line-height:1.6}#drill #level-cleared{margin:0 0 12px;line-height:1.5}#drill #result-assisted{color:var(--muted);font-size:.875rem;line-height:1.5}.rotation-result-actions{margin-block:20px 8px}.rotation-result-history{grid-template-columns:minmax(0,1fr) minmax(15rem,19.375rem);align-items:start;gap:.75rem 3rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}#drill .rotation-result-history[data-single]{margin-top:1rem;padding-top:0;display:block}#drill .rotation-result-history h3{letter-spacing:-.025em;text-wrap:balance;grid-column:1;margin:0;font-size:1.375rem;line-height:1.35}#drill .rotation-result-history>p{hyphens:none;grid-column:1;margin:0;line-height:1.6}#drill .rotation-result-history .rotation-history-next{margin-top:.75rem;font-weight:600}#drill .rotation-result-history .rotation-history-note{color:var(--muted);font-size:.875rem}.rotation-history-chart{grid-area:1/2/span 4;min-width:0;margin:0}#drill .rotation-history-columns{justify-content:center;align-items:end;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}#drill #results .rotation-history-columns>li{text-align:center;font-variant-numeric:tabular-nums;border:0;flex:1;min-width:0;max-width:5.625rem;margin:0;padding:0}#drill .rotation-history-columns p{color:var(--muted);margin:0 0 .5rem;font-size:.875rem}.rotation-history-columns strong{color:var(--ink);font-size:1.25rem;font-weight:600}.rotation-history-track{border-bottom:1px solid var(--control-border);align-items:end;height:6.25rem;display:flex}.rotation-history-bar{background:var(--accent-soft);border:1px solid var(--control-border);border-bottom:0;border-radius:6px 6px 0 0;width:100%;display:block}.rotation-history-bar.current{background:var(--accent);border-color:var(--accent)}.rotation-history-columns time{color:var(--muted);margin-top:.5rem;font-size:.875rem;display:block}.rotation-history-chart figcaption{color:var(--muted);text-align:center;margin-top:1rem;font-size:.8125rem;line-height:1.5}.rotation-history-details{grid-column:1/-1;margin-top:.5rem}.rotation-history-details summary{min-height:44px;color:var(--accent);cursor:pointer;padding-block:.625rem;font-size:.875rem}.rotation-history-details summary:hover{text-underline-offset:var(--underline-offset);text-decoration:underline}.rotation-history-details summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#drill .rotation-history-details p{color:var(--muted);font-size:.875rem;line-height:1.6}@media (width<=53.125em){.rotation-result-history{grid-template-columns:minmax(0,1fr)}.rotation-history-chart{grid-area:auto/1;width:100%;max-width:21.25rem;margin:.75rem auto}}@media (forced-colors:active){.rotation-history-bar{border-color:canvastext}.rotation-history-bar.current{background:highlight}}#drill #again{min-width:160px;margin:0}.rotation-disclosure>summary{cursor:pointer;min-height:48px;padding-block:12px;font-size:.875rem;font-weight:600;line-height:1.5}.rotation-disclosure>summary:hover{color:var(--accent)}.rotation-disclosure>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.rotation-text-action{min-height:44px;color:var(--accent);font:inherit;text-underline-offset:var(--underline-offset);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:.875rem;font-weight:600;text-decoration:underline}.rotation-text-action:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#drill[data-drill=mental-rotation] :is(#result-session-note,#result-interrupted){font-size:.875rem;line-height:1.6}#drill[data-drill=mental-rotation] #results-list{margin-block:16px}.score-note{flex-basis:100%;margin:0}@media (width<=40.625em){#drill[data-drill=mental-rotation],#controls[data-rotation-dock]{--activity-dock-width:calc(100vw - 24px);--activity-primary-width:144px;--activity-dock-bottom:max(8px, env(safe-area-inset-bottom))}#drill[data-drill=mental-rotation] .rotation-task{padding:18px 16px}.rotation-feedback-row{gap:8px;padding-inline:12px}#controls[data-rotation-dock]{padding:8px 8px max(8px, env(safe-area-inset-bottom));position:sticky;bottom:0}#controls[data-rotation-dock] .btn{padding-inline:6px;font-size:.875rem}#controls[data-rotation-dock] .key{display:none}#drill[data-drill=mental-rotation] #prompt{padding:12px 16px}.rotation-top{gap:0 10px;padding-inline:12px}.rotation-top .practice-end{padding-inline:6px;font-size:.875rem}#drill #rotation-stats dt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#drill[data-drill=mental-rotation] .rotation-preview{height:112px}}@media (width<=22.5em){#drill[data-drill=mental-rotation],#controls[data-rotation-dock]{--activity-primary-width:128px}#drill[data-drill=mental-rotation] .rotation-task{padding-block:10px}#drill[data-drill=mental-rotation] .rotation-preview{height:96px}}@media (height<=520px) and (width>=30em){body:has(#drill[data-drill=mental-rotation] #stage:not([hidden])) .site-header{padding-block:4px}#drill[data-drill=mental-rotation] #stage{scroll-margin-top:4px}.rotation-top{gap:8px;padding:4px 12px 0}#drill[data-drill=mental-rotation] #prompt{padding-block:6px;font-size:1rem}.rotation-feedback-row{padding-block:2px}#drill[data-drill=mental-rotation] #feedback{min-height:1.4em}#controls[data-rotation-dock]{padding-top:4px}#controls[data-rotation-dock] [data-choice]{justify-content:center}#controls[data-rotation-dock] .key{display:none}}.turn-count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem;font-weight:600}.turn-count[hidden]{display:none}.turn-labels{color:var(--muted);text-align:center;grid-template-columns:1fr 1fr;padding:0 16px;font-size:.8125rem;font-weight:600;line-height:1.3;display:grid}.turn-labels[hidden]{display:none}#drill[data-drill=mental-rotation] #turn-figure svg{width:100%;height:100%;display:block}.match-stage{gap:8px;padding:10px 16px 4px;display:grid}.match-target{justify-self:center;width:min(100%,220px);margin:0}.match-target figcaption{color:var(--muted);text-align:center;margin-bottom:2px;font-size:.8125rem;font-weight:600;line-height:1.3}.match-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width>=45em){.match-options{grid-template-columns:repeat(4,minmax(0,1fr))}.match-options[data-choices="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.match-target{width:calc(25% - 6px)}}.match-option{border:1px solid var(--control-border);background:var(--surface,var(--card));min-width:0;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;margin:0;padding:4px;display:block;position:relative}.match-option:disabled{opacity:1;color:var(--ink);cursor:default}.match-key{font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700;line-height:1;position:absolute;top:7px;left:9px}#match-stage svg{border-radius:9px;width:100%;height:auto;display:block}.match-option[aria-pressed=true]:not([data-state=wrong]){outline:2px solid var(--accent);outline-offset:-4px}.match-option[data-state=answer]{border:2px solid var(--accent);background:var(--accent-soft);padding:3px}.match-option[data-state=wrong]{border:2px dashed var(--bad);padding:3px}.match-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (hover:hover){.match-option:hover:not(:disabled){background:var(--accent-soft)}}@media (width<=40.625em){#controls[data-rotation-dock][data-mode=pick-the-match]{position:static}}@media (width>=40.6875em){#drill #controls[data-rotation-dock][data-mode=pick-the-match] #rotation-next{flex:0 18rem;margin-inline-start:auto}}@media (width<=22.5em){.match-stage{padding-inline:12px}.match-target{width:min(100%,180px)}}@media (forced-colors:active){.match-option[aria-pressed=true]:not([data-state=wrong]),.match-option:focus-visible{outline-color:highlight}.match-option[data-state=answer]{border-color:highlight}#match-stage svg{forced-color-adjust:none}}#drill .rotation-walkthrough{border-top:1px solid var(--soft);padding:0 1rem .5rem}#drill .rotation-turn-back{border-top:1px solid var(--soft);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 1rem 14px;display:flex}#drill .rotation-turn-back[hidden]{display:none}#drill .rotation-turn-back .btn{flex:none;width:auto;min-width:0;min-height:44px;padding-inline:20px}#drill .rotation-turn-back p{color:var(--ink);flex:16rem;margin:0;font-size:.9375rem;line-height:1.5}#drill .rotation-turn-back p:empty{display:none}#drill .practice-review-explanation-content:has(>.practice-review-diagram>[role=img]>svg){grid-template-columns:minmax(0,1fr)}#drill .practice-review-diagram:has(>[role=img]>svg){grid-column:1;max-width:560px;margin-inline:0}#drill .rotation-walkthrough summary{cursor:pointer;min-height:44px;color:var(--accent);padding-block:.625rem;font-weight:600}#drill .rotation-walkthrough summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#drill .rotation-walkthrough p{margin:.75rem 0}#drill .rotation-walkthrough-frames,#drill .rotation-review-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}#drill .rotation-walkthrough-frames figure,#drill .rotation-review-options figure{min-width:0;margin:0}#drill .rotation-walkthrough-frames svg,#drill .rotation-review-options svg{border-radius:.5rem;width:100%;height:auto;display:block}#drill .rotation-walkthrough-frames figcaption,#drill .rotation-review-options figcaption{text-align:center;padding:.5rem .25rem;font-size:.875rem}#drill .rotation-review-options>figure:first-child{grid-column:1/-1;justify-self:center;width:50%}#drill :is(.rotation-walkthrough-frames,.rotation-review-options,.practice-review-diagram>[role=img]) svg>rect:first-child{fill:var(--rotation-surface)}#drill #result-details .math-problem-figure>svg{width:min(100%,600px);height:auto;margin-inline:auto;display:block}#drill #result-details .math-problem-figure>svg>rect:first-child{fill:var(--rotation-surface)}#drill .practice-review-explanation-content:has(.rotation-walkthrough-frames){grid-template-columns:minmax(0,1fr)}#drill .practice-review-diagram:has(.rotation-walkthrough-frames){grid-column:1;max-width:none}#drill .practice-review-diagram:has(>[role=group])>figcaption{display:none}#drill #stage:has(.rotation-walkthrough:not([hidden])) #controls[data-rotation-dock]{border-radius:0;position:static}@media (width<=40.625em){#drill #controls[data-rotation-dock] #rotation-next{flex:1 0 100%;width:100%}}@media (width>=48rem){#drill .rotation-walkthrough-frames{grid-template-columns:repeat(4,minmax(0,1fr))}#drill .rotation-walkthrough-frames:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}#drill .rotation-walkthrough-frames:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}#drill .rotation-review-options{grid-template-columns:repeat(3,minmax(0,1fr))}#drill .rotation-review-options>figure:first-child{width:33.333%}}#drill .rotation-walkthrough-frames:has(>li:only-child){grid-template-columns:minmax(0,180px);justify-content:center}.rotation-settings-note[data-astro-cid-7qfwt6zi]{color:var(--muted);font-size:.875rem;line-height:1.6}.rotation-saved-round[data-astro-cid-7qfwt6zi]{margin-block:16px;font-size:.875rem;display:block}