@media screen{body:has(>.practice-main[data-practice-support=compact]){flex-direction:column;display:flex}body:has(>.practice-main[data-practice-support=compact])>:is(.site-header,.practice-main,.site-footer){flex-shrink:0;width:100%}body:has(>.practice-main[data-practice-support=compact])>.site-footer{margin-top:auto}}.practice-main[data-practice-support=compact]:not([data-activity-focused=true]){--practice-ending-gap:var(--page-end);padding-bottom:var(--practice-ending-gap)}.practice-main [data-practice-tools]{border-top:0;grid-template-columns:repeat(4,44px) minmax(0,1fr);gap:0 4px;margin-block:0 8px;padding-block:8px}.practice-main [data-practice-tools]>[data-activity-pencil]{grid-column:2}.practice-main [data-practice-tools]>[data-activity-favorite]{grid-column:3}.practice-main [data-practice-tools]>.activity-share{pointer-events:none;border:0;grid-area:1/1/auto/-1;min-width:0;margin:0;padding:0}.practice-main [data-practice-tools] .activity-share>summary{margin-inline-start:144px}.practice-main [data-practice-tools] .activity-share>summary,.practice-main [data-practice-tools] .activity-share-body{pointer-events:auto}.practice-main [data-practice-tools] .activity-share>summary{list-style:none}.practice-main [data-practice-tools] .activity-share-body{width:100%;max-width:none}.practice-main [data-practice-tools] .activity-history-link{min-height:44px;color:var(--accent);text-underline-offset:4px;text-align:end;overflow-wrap:anywhere;grid-area:1/5;place-self:start end;align-items:center;padding-inline:4px 0;font-size:.875rem;font-weight:500;display:inline-flex}.practice-main [data-practice-tools] .activity-history-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.practice-main [data-practice-tools] .activity-help-body{max-width:72ch;padding:12px 0 16px}.practice-main [data-practice-tools] .activity-help-body [data-activity-shortcuts]{width:auto;min-height:44px;color:var(--accent);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;text-decoration:underline;display:inline-flex}.practice-main [data-practice-tools] .activity-help-body [data-activity-shortcuts][hidden]{display:none}.practice-main [data-practice-tools] .activity-help-body [data-activity-shortcuts]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.practice-about{border-top:1px solid var(--line);text-align:start;margin:0}.practice-about>summary{min-height:var(--fold-height);font-size:var(--fold-size);color:var(--accent);cursor:pointer;padding-block:12px;font-weight:600;line-height:1.5}.practice-about>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.practice-about-body{padding-block:8px 24px}.practice-about .how-this-works{text-align:start}.practice-about .how-this-works-body{padding-top:0}.practice-about :is(.activity-note,.research-guide-panel,.practice-about-method){border-top:0;margin:0 0 24px;padding-top:0}.practice-about :is(h2,h3){margin:24px 0 8px;font-size:1.125rem;line-height:1.4}.practice-about :is(.activity-note,.practice-about-method)>:first-child{margin-top:0}.practice-about :is(p,li){max-width:68ch;line-height:1.65}.practice-about .activity-note .activity-note-body{padding-top:0}.practice-about-body>:last-child{margin-bottom:0}.practice-about .practice-method-language{color:var(--muted);margin:4px 0 0;font-size:.875rem}.practice-main[data-practice-support=compact] :is(.board-about,.order-about,#deck-about):not(:has(*)){display:none!important}.practice-main[data-activity-focused=true] :is(.practice-about,[data-practice-problem],.activity-history-link){display:none}@media (scripting:enabled){.practice-main [data-practice-tools]>[data-activity-favorite][hidden]{grid-column:3}}@media (width<=480px){.practice-main [data-practice-tools]{margin-block:0 4px}.practice-main [data-practice-tools] .activity-history-link{font-size:.8125rem}}@media print{.practice-main :is([data-practice-tools],[data-practice-problem]){display:none!important}}main .practice-setup{border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;min-width:0;margin:0 0 16px;padding:0;display:flex;overflow:clip}main .practice-setup>.practice-setup-more{order:-1}main .practice-setup-more>summary,.board-practice:is([data-spatial-setup],[data-standard-setup]):not([data-phase=setup]):not([data-setup-loading])>.practice-setup,.board-practice:is([data-spatial-setup],[data-standard-setup]):is([data-phase=setup],[data-setup-loading])>.board-stage,.board-practice:is([data-spatial-setup],[data-standard-setup])>#reason-status:empty{display:none}main .practice-setup-example{background:var(--subject-preview-surface,var(--subject-surface,var(--mint)));padding:16px 24px}main .practice-setup-example>:is(div,figure){background:0 0;border:0;border-radius:0;margin:0;padding:0}main .practice-setup-example .spatial-setup-example,main .practice-setup-example .quant-example{margin:0}main .practice-setup-example :is(.spatial-explorer,.cross-explorer){max-width:440px;margin-inline:auto}.practice-main .practice-setup-example :is(.spatial-explorer-scene,.cross-orbit-scene)>svg{width:100%;height:220px;max-height:220px}main .practice-setup-example .spatial-setup-example{max-width:none}main .practice-setup-example .exp-diagram{background:0 0;border:0;margin:0;padding:0}main .practice-setup-example .orientation-workspace{max-width:720px;margin:0 auto}main .practice-setup-example .orientation-route li{margin-block:4px;font-size:.875rem}main .practice-setup-example .language-setup-thumbnail{max-width:440px;margin-inline:auto}main .practice-setup-example .language-setup-thumbnail .activity-preview{place-items:center;height:220px;display:grid}main .practice-setup-example .language-setup-thumbnail svg{max-width:100%;max-height:220px}main .practice-setup-example :is(.ladder-example,.lp-example){margin-inline:auto}main .practice-setup-example :is(.sprint-example,.evidence-example){max-width:48rem;margin:0 auto}main [data-word-example-host] .word-workspace{max-width:280px;margin-inline:auto;display:block}main [data-word-example-host] .word-grid{margin-block:0}main [data-word-example-host] .word-cell{font-size:1rem}main #word-status:empty,main .practice-setup-prerequisites:has([data-music-audio-setup]>[hidden]),main .practice-setup-prerequisites:has([data-music-audio-setup]:empty){display:none}main .practice-setup-prerequisites .music-audio{margin:0}.block-practice[data-spatial-setup]:not([data-mode=count-cubes])>.practice-setup>.practice-setup-more,.mirror-practice[data-spatial-setup]:not([data-mode=find-mirror])>.practice-setup>.practice-setup-more{display:none}main .practice-setup-example :is(.board-note,figcaption){color:var(--muted);font-size:.875rem}main .practice-setup-example>:is(div,figure)>.board-note:first-child{margin-block:0 12px}main .practice-setup-fields{padding:24px}.practice-main[data-practice-layout] .practice-setup .board-setup{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px 32px;width:100%;max-width:none;margin:0;padding:0;display:grid}main .practice-setup .board-setup>p{grid-column:1/-1;margin:0}main .practice-setup :is(.practice-setting,.turns-setting){width:100%;min-width:0;max-width:none;margin:0}main .practice-setup .practice-setting{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;display:grid}main .practice-setup .practice-setting label{font-weight:600}main .practice-setup .practice-setting .board-select{width:100%;min-width:0}main .practice-setup .board-select{position:relative}main .practice-setup .board-select svg{inset-inline-end:12px;fill:none;stroke:currentColor;stroke-width:2px;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}main .practice-setup .practice-setting select{appearance:none;border:1px solid var(--control-border);background:var(--card);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:10px 36px 10px 12px}main .practice-setup .practice-setting>p{color:var(--muted);grid-column:1/-1;margin:0;font-size:.875rem;line-height:1.6}main .practice-setup-prerequisites{padding:0 24px 24px}main .practice-setup-launch{border-top:1px solid var(--line);flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}main .practice-setup-summary{min-width:0;color:var(--muted);flex:auto;font-size:.875rem}main .practice-setup-summary>:is(p,div){margin:0}main .practice-setup-summary p+p{margin-top:6px}main.practice-main[data-type-scale=large] .practice-setup-summary{font-size:1.1rem}main .practice-setup-action{--practice-launch-min-height:52px;flex:0 0 var(--calm-action-width,220px);width:var(--calm-action-width,220px);max-width:100%}main .practice-setup-action .practice-launch{width:100%;margin:0}main .practice-setup-action :is(.btn-primary,.board-primary){width:100%;max-width:none;min-height:52px;margin:0}main .practice-setup-action .practice-launch--multiple{max-width:none}.practice-main[data-practice-layout] .practice-setup-summary .free-starts-practice:not([hidden]){width:100%;margin:12px 0 0;display:block}.practice-main[data-practice-layout][data-activity-id] [data-shared-setup] .practice-setup-action :is(.practice-launch,.btn-primary){width:100%;max-width:none;margin:0}.practice-main[data-practice-layout][data-activity-id] [data-shared-setup] .practice-setup-action .btn-primary{min-height:52px}.practice-main[data-practice-layout] .practice-setup .practice-setup-action [data-calm-actions]{border:0;margin:0;padding:0}.practice-main[data-practice-layout] .practice-setup-action .rotation-launch{display:block}main .practice-result-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;display:flex}main .practice-result-actions>.btn-primary{width:var(--calm-action-width,220px);max-width:100%;min-height:52px}main .practice-result-actions>.btn-secondary{color:var(--accent);text-underline-offset:4px;width:auto;min-height:44px;box-shadow:none;background:0 0;border-color:#0000;padding:10px 0;text-decoration:underline}main .practice-result-actions>.btn-secondary:hover{background:0 0;text-decoration-thickness:2px}@media (width<=650px){main .practice-setup-fields{padding:20px}.practice-main[data-practice-layout] .practice-setup .board-setup{grid-template-columns:1fr;gap:20px}main .practice-setup-example{padding:16px}main .practice-setup-launch{display:contents}main .practice-setup-action{width:100%;padding:20px 20px max(20px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card);flex-basis:auto}main.practice-main .practice-setup-action{z-index:1;position:sticky;bottom:0}main .practice-setup-summary{padding:0 20px 20px}main.practice-main .practice-setup-fields :is(select,input,button,summary,a,[tabindex]){scroll-margin-bottom:104px}main .practice-setup>.practice-setup-more{border-top:1px solid var(--line);order:0}main .practice-setup-more>summary{min-height:48px;color:var(--accent);cursor:pointer;padding:12px 20px;font-weight:600;line-height:1.5;display:list-item}main .practice-setup-more>summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:4px}main .practice-setup-prerequisites{padding:0 20px 20px}.practice-main[data-practice-layout] .practice-setup .practice-setting{grid-template-columns:1fr;gap:6px}main .practice-result-actions>.btn-primary{width:100%}}@media (forced-colors:active){main .practice-setup{border-color:canvastext}main .practice-result-actions>.btn-secondary{border-color:buttontext}}
