.view-figure{margin:16px 0}#view-stimulus{background:var(--card);min-height:190px;color:var(--accent);border-radius:14px;place-items:center;padding:12px;display:grid}#view-stimulus svg{width:100%;max-width:320px;height:auto}.view-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;display:grid}.view-plan{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.view-plan-title{color:var(--ink);margin:0;font-weight:700}.view-plan-edge{color:var(--ink);font-size:.875rem}.view-plan-drawing{flex:1;justify-content:center;align-items:center;width:100%;min-height:160px;display:flex}.view-option-mark{overflow-wrap:anywhere;align-items:center;gap:6px;font-size:.875rem;line-height:1.3;display:inline-flex}.view-explanation{margin-top:16px;padding-top:12px}.view-explanation h3{margin:0 0 8px;font-size:1rem}.view-explanation p{margin:0}#view-orientation{text-align:center;margin:8px 0 16px}#view-app:is([data-phase=setup],[data-phase=results]) #view-feedback:empty{display:none}#view-prompt{text-align:center;color:var(--ink);margin:12px 0 0;font-size:1rem;font-weight:600}.view-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width>=43.8125em){.view-options[data-choices="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}.view-option{border:1px solid var(--control-border);background:var(--card);min-height:118px;color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;padding:10px;display:grid}.view-option svg{width:100%;max-width:96px;height:auto}.view-option-number{font-variant-numeric:tabular-nums;font-weight:600}.view-option:disabled{opacity:1;cursor:default}@media (hover:hover){.view-option:not(:disabled):hover{background:var(--accent-soft)}}.view-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.view-feedback{min-height:1.5rem;margin:12px 0 0}@media (width<=35em){.view-options{grid-template-columns:repeat(2,minmax(0,1fr))}.view-options[data-choices="5"]{grid-template-columns:repeat(4,minmax(0,1fr))}.view-options[data-choices="5"]>*{grid-column:span 2}.view-options[data-choices="5"]>:nth-child(5){grid-column:2/span 2}#view-stimulus{min-height:160px}.view-option{min-height:104px}.view-plans{gap:12px}.view-plan-drawing{min-height:112px}}#view-stimulus:has([data-spatial-explorer]){padding:0}#view-stimulus .spatial-explorer{width:100%}#view-stimulus .spatial-explorer-scene svg{max-width:none}.arrows-figure{justify-items:center;gap:10px;width:100%;display:grid}.arrows-pictures{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;max-width:360px;display:grid}.arrows-pictures[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:540px}.arrows-picture{justify-items:center;gap:4px;min-width:0;margin:0;display:grid}.arrows-picture svg,#view-stimulus .arrows-picture svg{width:100%;max-width:none;height:auto}.arrows-picture figcaption{color:var(--ink);text-align:center;font-size:.8125rem;line-height:1.3}.arrows-shown{width:132px}.arrows-shown svg{width:100%;height:auto;display:block}#view-app[data-mode=along-arrows] .view-option svg{max-width:120px}.view-options[data-kind=which]{grid-template-columns:repeat(4,minmax(0,1fr))}.view-option.arrows-letter{min-height:64px}.view-option.arrows-letter .view-option-number{font-size:1.5rem;font-weight:700}.view-explanation p+p{margin-top:6px}.hidden-figure{justify-items:center;gap:6px;width:100%;display:grid}.hidden-pictures{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:540px;display:grid}.hidden-picture{justify-items:center;gap:4px;min-width:0;margin:0;display:grid}.hidden-picture svg,#view-stimulus .hidden-picture svg{width:100%;max-width:none;height:auto}.hidden-picture figcaption{color:var(--ink);text-align:center;font-size:.8125rem;line-height:1.3}.hidden-see-through{color:var(--ink);text-align:center;margin:0;font-size:.8125rem;line-height:1.35}.hidden-example{gap:10px;display:grid}.hidden-example-pair{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:10px;display:grid}.hidden-example-picture svg,.hidden-example-view svg{width:100%;height:auto;display:block}.hidden-example-caption{margin:0}.hidden-legend{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hidden-legend li{align-items:center;gap:10px;display:flex}.hidden-legend svg{flex:none}#view-app[data-mode=hidden-lines] .view-option svg{max-width:168px}#view-app[data-mode=hidden-lines] #view-stimulus{padding:6px}@media (width<=35em){.hidden-example-pair{grid-template-columns:minmax(0,1fr)}.hidden-example-view{justify-self:center;width:100%;max-width:220px}}