.spatial-game svg{width:100%;height:auto;display:block}.spatial-progress{background:var(--soft);border-radius:3px;height:3px;margin-top:-8px;overflow:hidden}.spatial-progress>span{background:var(--green);height:100%;display:block}.game-root .visual-test .spatial-prompt{min-height:52px;margin:16px 0;font-size:22px}.spatial-puzzle{gap:12px;display:grid}.spatial-reference{background:var(--soft);border-radius:10px;grid-template-rows:1fr 1fr;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:4px 12px;min-width:0;margin:0;padding:12px;display:grid}.spatial-reference figcaption{color:var(--green);grid-column:2;align-self:end;font-size:13px;font-weight:700}.spatial-reference svg{grid-area:1/1/3;width:112px;height:112px}.spatial-reference-note{color:var(--muted);grid-column:2;align-self:start;font-size:12px}.spatial-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.spatial-option{border:1px solid var(--line);background:var(--paper);min-width:0;min-height:112px;color:var(--ink);text-align:left;border-radius:10px;grid-template-rows:16px 1fr;padding:6px 10px;display:grid}.spatial-option>span:last-child{place-items:center;display:grid}.spatial-option svg{width:100px;max-width:100%;height:82px}.spatial-option-label{justify-content:space-between;align-items:center;gap:4px;display:flex}.spatial-option-label>b{color:var(--muted);font-size:12px}.spatial-option-label>span{font-size:12px;font-weight:700}.spatial-option:not(:disabled):hover{border-color:var(--green)}.spatial-option[aria-pressed=true],.spatial-option[data-correct=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--soft)}.spatial-option:disabled{opacity:1}.spatial-actions{border-top:1px solid var(--line);align-items:start;gap:16px;margin-top:20px;padding-top:16px;display:grid}.spatial-selection{color:var(--muted);font-size:14px;line-height:1.65}.spatial-actions>.game-button{align-self:start;min-height:48px}.spatial-actions .game-button:disabled{opacity:.5}.game-root .visual-test .spatial-feedback h3{letter-spacing:0;color:var(--green);margin-bottom:8px;font-size:16px}.game-root .spatial-feedback p{color:var(--muted);font-size:14px;line-height:1.65}.spatial-section{gap:24px;display:grid}.spatial-section>div:first-child{gap:14px;display:grid}.spatial-demo{background:var(--soft);border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:24px 12px;display:flex}.spatial-demo>svg{width:calc(50% - 32px);min-width:0;max-width:160px}.spatial-demo-arrow{color:var(--green);white-space:nowrap;flex:none;font-size:14px;font-weight:800}.spatial-mirror-line{flex:none;width:24px}.spatial-mirror-line svg{height:116px}.spatial-breakdown{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;padding-block:20px;display:grid}.spatial-breakdown>div{align-content:start;gap:6px;display:grid}.spatial-breakdown>div+div{border-left:1px solid var(--line);padding-left:12px}.spatial-breakdown strong{color:var(--green);white-space:nowrap;font-size:22px}.spatial-breakdown span{color:var(--muted);font-size:13px;line-height:1.5}.spatial-review{border-top:1px solid var(--line);padding:12px 0}.spatial-review summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:700;display:flex}.spatial-review summary>span{color:var(--muted);white-space:nowrap;font-size:12px}.game-root .spatial-review p{color:var(--muted);padding-block:16px;font-size:14px}.spatial-review-comparison{background:var(--soft);text-align:center;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.spatial-review-comparison figure{min-width:0;margin:0}.spatial-review-comparison figcaption{color:var(--muted);margin-bottom:8px;font-size:12px}.spatial-review-comparison svg{width:132px;max-width:100%;height:132px;margin:auto}.spatial-review-reference{grid-column:1/-1}@media (width>=600px){.spatial-puzzle{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px}.spatial-reference{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;justify-items:center;gap:16px;padding:20px}.spatial-reference svg{grid-area:2/1;width:190px;max-width:100%;height:190px}.spatial-reference figcaption,.spatial-reference-note{text-align:center;grid-column:1}.spatial-option{min-height:144px;padding:12px}.spatial-option svg{width:132px;height:112px}.spatial-actions{grid-template-columns:minmax(0,1fr) auto;gap:24px}.spatial-actions>.game-button{min-width:160px}.spatial-section{min-height:420px}.spatial-section .test-action-row{margin-top:auto}.spatial-review-comparison{grid-template-columns:repeat(3,minmax(0,1fr))}.spatial-review-reference{grid-column:auto}}