.exp-stage{background:var(--mint);color:var(--ink);--muted:var(--ink-spatial)}.expansion-practice[data-subject=math] .exp-stage{background:var(--apricot);--muted:var(--ink-math)}.expansion-practice[data-subject=music] .exp-stage{background:var(--lavender);--muted:var(--ink-memory)}.expansion-practice[data-subject=statistics]{--data-bar-fill:var(--lavender)}.expansion-practice[data-subject=statistics] .exp-stage{background:var(--lavender);--muted:var(--ink-memory)}.exp-diagram{background:var(--card);border-radius:var(--control-radius,12px);margin-block:16px;padding:16px}.exp-diagram svg{width:100%;max-width:100%;height:auto;display:block}.exp-cube-workspace{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;display:grid}.exp-cube-workspace .exp-cube{max-height:160px}.exp-diagram .exp-perspective-map{max-width:340px;margin-inline:auto}.exp-perspective-review{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.exp-data-caption{margin-top:0;font-weight:600}.expansion-practice[data-practice=data-interpretation] .exp-data-caption,.exp-diagram .exp-data-chart{max-width:420px;margin-inline:auto}.exp-data-table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;width:100%;max-width:420px;margin-inline:auto}.exp-data-table caption{text-align:start;margin-block:8px;font-size:.875rem}.exp-data-table th,.exp-data-table td{text-align:start;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 12px}.exp-data-table:not(.exp-gears-table) thead th:first-child{width:60%}.exp-data-table td,.exp-data-table thead th:last-child{text-align:end}.exp-data-selected{background:var(--apricot);font-weight:700}.expansion-practice[data-subject=statistics] .exp-data-selected{background:var(--lavender)}.exp-diagram .exp-number-prompt{max-width:400px;margin-inline:auto}.exp-number-chips{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.exp-number-chips li{border:1px solid var(--line);border-radius:6px;padding:6px 10px}.exp-number-chips .exp-data-selected{outline:2px solid var(--ink);outline-offset:-2px}.exp-number-facts{flex-wrap:wrap;gap:24px;display:flex}.exp-number-facts dd{margin:4px 0;font-size:1.5rem;font-weight:650}.exp-conversion-visual,.exp-word-visual{max-width:420px;margin-inline:auto}.exp-gears-visual{max-width:240px;margin-inline:auto}.exp-staff-visual{max-width:400px;margin-inline:auto}.exp-keyboard-visual{max-width:340px;margin-inline:auto}.exp-gears-table{table-layout:auto;max-width:28rem;font-size:.875rem}.exp-gears-table thead th{overflow-wrap:normal;hyphens:auto}.exp-gears-table thead th:first-child{width:20%}.exp-gears-table thead th:nth-child(2){width:22%}.exp-gears-table th:last-child,.exp-gears-table td:last-child{text-align:start;padding-inline-start:24px}.exp-gears-table thead th:last-child{text-align:start}.exp-gears-table thead th:nth-child(2){text-align:end}@media (width<=32.5em){.exp-data-table th,.exp-data-table td{padding-inline:8px}.exp-gears-table th:last-child,.exp-gears-table td:last-child{padding-inline-start:16px}}.expansion-practice[data-practice=gears] .exp-option-value{font-size:1rem}.exp-cube-moves-visual{max-width:14rem;margin-inline:auto}.exp-cube-caption{margin:0 0 8px;font-size:.875rem;font-weight:600}.exp-cube-legend{margin:12px 0 0;font-size:.8125rem}.exp-cube-faces{gap:10px;margin:16px 0 0;font-size:.875rem;display:grid}.exp-cube-faces>div{overflow-wrap:anywhere;min-width:0}.exp-cube-faces dt{font-weight:600}.exp-cube-faces dd{margin:2px 0 0}.exp-cube-transcript{margin-top:12px}.exp-cube-transcript summary{width:fit-content;min-height:44px;color:var(--accent);cursor:pointer;align-items:center;font-weight:650;display:flex}.exp-option-diagram{width:100%;max-width:14rem;display:block}.exp-option-diagram svg{width:100%;height:auto;display:block}.expansion-practice[data-practice=cube-moves] .exp-options .btn{min-height:10.5rem}.expansion-practice[data-practice=cube-moves] .exp-option-value{font-size:1.25rem}.exp-compass{text-align:center;font-size:.875rem}.exp-face-label{text-align:center;margin:16px 0 0;font-size:.875rem;font-weight:600}.exp-face-legend{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:36rem;margin:12px auto 16px;display:grid}.exp-face-legend>div{overflow-wrap:anywhere;min-width:0}.exp-face-legend div{text-align:center;min-width:0}.exp-face-legend dt{font-size:.875rem;line-height:1.4}.exp-face-legend dd{margin:4px 0 0;font-size:1.25rem;font-weight:650}.exp-route-list{flex-wrap:wrap;gap:8px 28px;margin:16px 0 0;padding-inline-start:24px;font-size:.9rem;display:flex}.exp-route-list li{padding:4px}.exp-route-list [aria-current=step]{background:var(--mint);outline:2px solid var(--accent);border-radius:6px}.exp-prompt{font-size:1.25rem;font-weight:600}.expansion-practice[data-practice=counting-combinations] .exp-diagram svg[viewBox="0 0 400 144"]{max-width:22rem;margin-inline:auto}@media (width<=32.5em){.exp-face-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.exp-gears-visual{max-width:180px}.exp-diagram .exp-perspective-map{max-width:250px}.exp-cube-workspace .exp-cube{max-height:120px}}.expansion-practice[data-practice=note-reading] :is(.exp-prompt,#exp-verdict,#exp-step-caption){hyphens:none}.exp-sound-toggle{cursor:pointer;overflow-wrap:anywhere;align-items:center;gap:12px;width:fit-content;max-width:100%;min-height:48px;display:flex}.exp-sound-toggle input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:0}.exp-sound-toggle input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.exp-play{white-space:normal;overflow-wrap:anywhere;align-items:center;gap:8px;width:auto;min-width:44px;max-width:100%;min-height:44px;margin:-4px 0 16px;padding:8px 14px;display:inline-flex}.practice-main .exp-play{min-height:44px;padding:8px 14px}.exp-play[hidden]{display:none}.exp-play svg{flex:none;width:20px;height:20px}.exp-options{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;display:grid}.exp-options .btn{overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:60px;padding:12px;display:flex;position:relative}.exp-option-value{font-size:1.5rem;font-weight:650}.exp-options small{font-size:.875rem}.exp-options button:disabled{opacity:1}.exp-options button:disabled:not([data-answer-state]){background:var(--card);color:var(--ink)}.exp-option-key{font-size:.8125rem;font-weight:650;line-height:1.2;position:absolute;inset-block-start:6px;inset-inline-start:10px}.exp-option-state{align-items:center;gap:6px;display:inline-flex}.exp-review-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.exp-review-controls>button{flex:8rem;width:auto}.exp-review-controls>span{text-align:center;font-size:.875rem}.exp-verdict{margin-top:20px}#exp-verdict{margin:0 0 12px}.exp-steps{margin-top:20px}.exp-diagram[hidden]{display:none}#exp-heading,#exp-verdict{scroll-margin-top:110px}html:has(.expansion-practice){scroll-padding-bottom:16px}.exp-score{font-size:1.5rem;font-weight:650}.practice-main:has(.expansion-practice[data-phase=playing])>.practice-heading,.practice-main:has(.expansion-practice[data-phase=review])>.practice-heading,.expansion-practice:is([data-phase=playing],[data-phase=review]) .board-about{display:none}@media (width<=23.75em){.exp-diagram{padding:10px}.exp-review-controls>span{order:-1;width:100%}}@media (width<=32.5em){.expansion-practice[data-practice=gears] .exp-options,.expansion-practice[data-practice=cube-moves] .exp-options{grid-template-columns:minmax(0,1fr)}}.expansion-practice[data-practice=unit-conversion] :is(#exp-heading,.exp-prompt),.practice-main:has(.expansion-practice[data-practice=unit-conversion]) .practice-heading h1{hyphens:auto}.expansion-practice[data-practice=unit-conversion] #exp-step-caption{hyphens:manual}@media (width<=26.875em){.expansion-practice[data-practice=unit-conversion] .exp-option-value{font-size:1.25rem}}@media (width<=32.5em){.expansion-practice:is([data-practice=exam-word-problems],[data-practice=unit-conversion],[data-practice=perspective-taking]) .exp-options[data-choices="5"]{grid-template-columns:minmax(0,1fr)}.expansion-practice:is([data-practice=exam-word-problems],[data-practice=unit-conversion],[data-practice=perspective-taking]) .exp-options[data-choices="5"]>:nth-child(n){grid-column:auto}.expansion-practice[data-practice=perspective-taking] .exp-option-value{font-size:1.25rem}}@media (width<=22.5em){.expansion-practice[data-practice=unit-conversion] .exp-options{grid-template-columns:minmax(0,1fr)}.expansion-practice[data-practice=unit-conversion] .exp-option-value{font-size:1.1rem}}.exp-diagram [data-exp-spatial-visual]:has([data-spatial-explorer]){width:100%;max-width:520px;margin-inline:auto;display:block}.exp-diagram [data-exp-spatial-visual] .spatial-explorer-scene svg{max-width:none;max-height:none}#exp-results:has(>#exp-detail:not([hidden]))>:is(.level-cleared,.round-rank){display:none}.expansion-practice .exp-settings-note{color:var(--muted);margin:8px 0 0;font-size:.875rem;line-height:1.6}#exp-manual-actions{margin-block-start:12px}.exp-gears-visual-v2{--axle-edge:#718f80;--axle-mid:#a1b7a9;--axle-light:#d2dfd5;--axle-cap:#c0d2c5;width:100%;max-width:520px}[data-theme=dark] .exp-gears-visual-v2{--axle-edge:#365a47;--axle-mid:#688674;--axle-light:#a1b7a7;--axle-cap:#879f8f}.exp-gears-visual-v2>svg,.exp-gears-visual-v2 .spatial-explorer-scene{height:320px}.exp-gears-visual-v2 .spatial-explorer-scene>svg{height:100%}.exp-gears-shaft-note{text-align:center;max-width:520px;margin:8px auto 16px;font-size:.875rem;line-height:1.5}@media (width<=40.625em){.exp-gears-visual-v2>svg,.exp-gears-visual-v2 .spatial-explorer-scene{height:300px}}@media (prefers-color-scheme:dark){:root[data-theme=system] .exp-gears-visual-v2{--axle-edge:#365a47;--axle-mid:#688674;--axle-light:#a1b7a7;--axle-cap:#879f8f}}.exp-data-legend{flex-wrap:wrap;justify-content:center;gap:8px 24px;max-width:520px;margin:8px auto;font-size:.875rem;display:flex}.exp-data-legend>span{align-items:center;gap:8px;display:inline-flex}.exp-data-legend svg{flex:none;width:28px;height:16px}.exp-data-point{cursor:pointer;outline:none}.exp-data-point:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.exp-data-reading{text-align:center;max-width:520px;min-height:2.5em;margin:8px auto 12px;font-size:.875rem;line-height:1.5}.exp-data-table.exp-data-series-table thead th:first-child{width:36%}.exp-data-table.exp-data-series-table thead th:not(:first-child){text-align:end;width:32%}.exp-data-table [data-data-selected=true]{background:var(--accent-soft);font-weight:700}.exp-data-value{min-width:44px;min-height:44px;color:inherit;font:inherit;text-align:end;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:4px;padding:6px 0 6px 8px}.exp-data-value:hover{background:var(--accent-soft)}.exp-data-value:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.exp-data-series-table td:has(.exp-data-value){padding-block:2px}.exp-data-point:focus-visible>rect,.exp-data-point[data-data-selected=true]>rect{stroke:var(--accent);stroke-width:3px}.practice-main .practice-setup-example .exp-gears-visual-v2 .spatial-explorer-scene>svg{height:100%;max-height:none}.exp-data-chart-interactive text{font-size:18px}@media (width<=40.625em){.exp-data-chart-interactive text{font-size:22px}}.expansion-practice[data-practice=data-interpretation][data-topic]:not([data-topic=classic]) #exp-example>.board-note,.expansion-practice[data-practice=data-interpretation][data-topic]:not([data-topic=classic]) #exp-example>.exp-prompt{text-align:center}.exp-data-table.exp-data-applied-weighted thead th:first-child{width:34%}.exp-data-table.exp-data-applied-weighted thead th:nth-child(2){text-align:end;width:24%}.exp-data-table.exp-data-applied-weighted thead th:last-child{width:42%}.exp-data-applied-weighted td:has(.exp-data-value){padding-block:2px}.exp-data-applied-weighted th{hyphens:auto}@media (width<=30em){.exp-data-table.exp-data-applied-weighted :is(th,td){padding-inline:6px}.exp-data-table.exp-data-applied-weighted thead th{font-size:.875rem}}