.mirror-stage{--mirror-right-bg:var(--mint);--mirror-wrong-bg:var(--apricot)}body:has(.mirror-practice) .practice-heading h1{overflow-wrap:anywhere;text-wrap:wrap}.mirror-practice .board-top>*{min-width:0}.mirror-practice #mirror-end{white-space:normal;overflow-wrap:anywhere;max-width:100%}#mirror-workspace{min-width:0}.mirror-figure{min-width:0;margin:16px 0}#mirror-stimulus{background:var(--card);min-height:190px;color:var(--accent);border-radius:14px;place-items:center;padding:12px;display:grid}#mirror-stimulus svg{width:100%;max-width:200px;height:auto;display:block}#mirror-prompt{color:var(--ink);text-align:center;margin:12px 0 0;font-size:1rem;font-weight:600}.mirror-answer-column{min-width:0}.mirror-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mirror-options[data-choices="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.mirror-option{border:1px solid var(--control-border);background:var(--card);min-width:0;min-height:118px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:12px;place-items:center;padding:10px;display:grid}.mirror-option:has(>.mirror-option-index){grid-template-columns:auto minmax(0,1fr);column-gap:4px}.mirror-option-index{font-variant-numeric:tabular-nums;grid-area:1/1;place-self:start;font-size:.875rem;font-weight:650;line-height:1.2}.mirror-option:has(>.mirror-option-index) svg{grid-area:1/2}.mirror-option svg{width:100%;max-width:104px;height:auto;display:block}.mirror-option:disabled{opacity:1;cursor:default}.mirror-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mirror-option{position:relative}.mirror-option>[data-answer-mark]{position:absolute;inset-block-start:4px;inset-inline-end:4px}.mirror-feedback{min-height:1.5rem;margin:16px 0 0;line-height:1.6}.mirror-explanation{background:0 0;border:0;margin-block:8px 20px;padding:0}.mirror-explanation>summary{width:fit-content;min-height:44px;color:var(--accent);cursor:pointer;align-items:center;gap:12px;padding-block:10px;font-weight:600;line-height:1.5;display:flex}.mirror-explanation>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.mirror-explanation>summary:hover{text-underline-offset:var(--underline-offset);text-decoration:underline}.mirror-explanation-steps{gap:24px;padding-block:12px 4px;display:grid}.mirror-explanation-step{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:28px;display:grid}.mirror-explanation-copy{min-width:0}.mirror-explanation-copy p{margin:0;font-size:1rem;line-height:1.6}.mirror-explanation-copy .mirror-explanation-note{color:var(--muted);margin-top:8px;font-size:.9375rem}.mirror-explanation-figure{width:100%;max-width:340px;color:var(--ink);margin-inline:auto}.mirror-explanation-figure svg{width:100%;height:auto;display:block}.mirror-practice .practice-review-list .math-problem-figure{width:min(100%,200px);margin-inline:auto}.mirror-practice .practice-review-list .math-problem-figure svg{width:100%;height:auto;display:block}.mirror-terminal-error{text-align:center}.mirror-terminal-error p{color:var(--muted)}#mirror-result-note{color:var(--ink);font-weight:600}@media (width<=40em){.mirror-explanation-steps{gap:28px;padding-top:8px}.mirror-explanation-step{grid-template-columns:minmax(0,1fr);gap:8px}}@media (hover:hover){.mirror-option:not(:disabled):hover{background:var(--accent-soft)}}@media (width<=35em){.mirror-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mirror-options[data-choices="5"]{grid-template-columns:repeat(4,minmax(0,1fr))}.mirror-options[data-choices="5"]>*{grid-column:span 2}.mirror-options[data-choices="5"]>:nth-child(5){grid-column:2/span 2}#mirror-stimulus{min-height:150px}.mirror-option{min-height:104px;padding:8px}}@media (width<=23.8125em){body:has(.mirror-practice[data-phase=setup]) .practice-heading{margin-bottom:10px}body:has(.mirror-practice[data-phase=setup]) .practice-heading h1{margin-bottom:7px;font-size:1.65rem;line-height:1.1}body:has(.mirror-practice[data-phase=setup]) .practice-heading p{font-size:.875rem;line-height:1.35}.mirror-practice[data-phase=setup] .board-setup{margin-bottom:12px}.mirror-practice[data-phase=setup] .mirror-stage{padding-block:10px}.mirror-practice[data-phase=setup] #mirror-instruction{margin-block:6px 0;font-size:.875rem;line-height:1.4}.mirror-practice[data-phase=setup] .board-primary{margin-top:10px}}@media (width>=30em) and (height<=520px) and (orientation:landscape){.mirror-stage{padding:10px 12px}.mirror-practice[data-phase=playing] #mirror-heading,.mirror-practice[data-phase=review] #mirror-heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mirror-stage .board-top{min-height:44px}.mirror-stage :is(#mirror-running,#mirror-stats){margin-block:0}#mirror-workspace{grid-template-columns:minmax(150px,.72fr) minmax(260px,1.28fr);align-items:center;gap:10px;display:grid}.mirror-figure{margin:0}#mirror-stimulus{min-height:112px;max-height:125px;padding:0}#mirror-stimulus svg{max-width:150px;max-height:120px}#mirror-prompt{margin-top:2px;font-size:.8rem;line-height:1.2}.mirror-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.mirror-options[data-choices="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}.mirror-options[data-choices="5"]>*{grid-column:span 2}.mirror-options[data-choices="5"]>:nth-child(4){grid-column:2/span 2}.mirror-option{min-height:52px;max-height:60px;padding:2px}.mirror-option svg{max-width:68px;max-height:54px}.mirror-feedback{min-height:1.15rem;margin-top:2px}#mirror-next{min-height:44px;margin-top:2px;padding-block:5px}}.mirror-options[data-kind=numbers]{grid-template-columns:repeat(4,minmax(0,1fr))}.mirror-options[data-kind=numbers] .mirror-option{font-variant-numeric:tabular-nums;min-height:56px;font-size:1.25rem;font-weight:650;line-height:1}.symmetry-axis-halo{stroke:var(--card)}.symmetry-axis{stroke:var(--ink)}.mirror-board-frame{aspect-ratio:1;width:min(100%,360px);margin:0 auto;position:relative}.mirror-board{outline:2px solid var(--ink);background:var(--card);grid-template-rows:repeat(6,minmax(44px,1fr));grid-template-columns:repeat(6,minmax(44px,1fr));width:100%;height:100%;display:grid}.mirror-cell{border:1px solid var(--control-border);background:var(--card);min-width:44px;min-height:44px;color:var(--accent-ink);cursor:pointer;touch-action:manipulation;border-radius:0;margin:0;padding:0;position:relative}.mirror-cell[data-kind=given],.mirror-cell[aria-pressed=true]{background:var(--accent)}.mirror-cell[data-kind=fixed]{background:repeating-linear-gradient(135deg, var(--card) 0 7px, var(--accent-soft) 7px 10px);cursor:default}.mirror-cell[data-kind=line]{background:var(--accent-soft);cursor:default}.mirror-cell[data-kind=given],.mirror-cell[aria-disabled=true]{cursor:default}.mirror-cell:focus-visible{z-index:1;outline:3px solid var(--ink);outline-offset:-4px}.mirror-cell[data-mark=missed]:after{content:"";border:3px dashed var(--bad);border-radius:50%;position:absolute;inset:20%}.mirror-cell[data-mark=extra]:after{content:"×";place-items:center;font-size:1.9rem;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.mirror-board-line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mirror-fold-line{stroke:var(--ink);stroke-width:3px;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.mirror-fold-dot{fill:var(--ink);stroke:var(--card);stroke-width:2px;vector-effect:non-scaling-stroke}.mirror-board-legend{text-align:center;margin:8px 0 0}.mirror-practice[data-mode=complete-figure] #mirror-check{margin-top:16px}@media (hover:hover){.mirror-cell[data-kind=draw]:not([aria-disabled=true]):not([aria-pressed=true]):hover{background:var(--accent-soft)}}@media (width<=22.5em){.mirror-practice[data-mode=complete-figure] .mirror-stage{padding-inline:10px}}@media (width>=30em) and (height<=520px) and (orientation:landscape){.mirror-practice[data-mode=complete-figure] .mirror-board-frame{width:min(100%,290px)}}@media (forced-colors:active){.symmetry-axis-halo{stroke:canvas}.symmetry-axis{stroke:canvastext}.mirror-cell{forced-color-adjust:none;color:canvastext;background:canvas;border-color:canvastext}.mirror-cell[data-kind=given],.mirror-cell[aria-pressed=true]{color:canvas;background:canvastext}.mirror-cell[data-kind=fixed],.mirror-cell[data-kind=line]{background:canvas;border-style:dotted}.mirror-cell[data-mark=missed]:after{border-color:highlight}.mirror-cell:focus-visible{outline-color:highlight}.mirror-fold-line{stroke:highlight}.mirror-fold-dot{fill:highlight;stroke:canvas}}.mirror-setup-pair[data-astro-cid-va5zdudi]{justify-content:center;gap:32px;margin:12px auto;display:flex}.mirror-setup-pair[data-astro-cid-va5zdudi] svg{width:92px;max-width:40%;height:auto}