.pd-example{gap:8px;margin:0;display:grid}.pd-example-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;max-width:28rem;display:grid}.pd-example-svg{box-sizing:border-box;border:1px solid var(--line);background:var(--pic-tile);border-radius:12px;max-height:132px;padding:3px}.pd-example-ask{gap:6px;min-width:0;display:grid}.pd-example-question{color:var(--ink);margin:0;font-size:.875rem;font-weight:650;line-height:1.35}.pd-example-options{flex-wrap:wrap;gap:6px;display:flex}.pd-example-option{box-sizing:border-box;border:2px solid var(--control-border);background:var(--pic-tile);width:4rem;color:var(--ink);text-align:center;overflow-wrap:anywhere;border-radius:10px;justify-items:center;gap:2px;padding:4px;font-size:.75rem;font-weight:600;display:grid}.pd-example-option .pic-svg{width:2.5rem;height:2.5rem}.pd-example-option [data-answer-mark]{block-size:1.25em;inline-size:1.25em}.pd-example figcaption{color:var(--ink);margin:0;font-size:.9375rem;line-height:1.5}.pd-round{gap:12px;display:grid}.pd-top{min-height:44px}.pd-top>p{color:var(--ink);margin:0;font-weight:600}.pd-layout{gap:16px;display:grid}@media (width>=52rem){.pd-layout{grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:start}}@media (width<=51.99rem){.pd-round:is([data-step=ask],[data-step=answered]) .pd-stage-column{display:none}}.pd-stage-column{gap:8px;display:grid}.pd-stage{box-sizing:border-box;border:1px solid var(--line);background:var(--pic-tile);aspect-ratio:3/2;border-radius:16px;width:min(100%,26rem);margin-inline:auto;padding:4px;position:relative}.pd-stage[data-rows="3"]{aspect-ratio:1}.pd-stage>svg{width:100%;height:100%;display:block}.pd-cover{background:repeating-linear-gradient(135deg, var(--pic-mat) 0 14px, var(--pic-tile) 14px 28px);border-radius:12px;place-items:center;display:grid;position:absolute;inset:4px}.pd-cover p{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;margin:0;padding:6px 16px;font-weight:650}.pd-panel{align-content:start;gap:12px;display:grid}.pd-look,.pd-question,.pd-again{color:var(--ink);margin:0;font-size:1.125rem;font-weight:650;line-height:1.4}.pd-ready .btn,.pd-next{width:100%}.pd-key{font:inherit;opacity:.8;border:1px solid;border-radius:6px;margin-inline-start:10px;padding:1px 7px;font-size:.8125rem;font-weight:600}.pd-subject{border:1px solid var(--line);background:var(--pic-tile);color:var(--ink);border-radius:999px;justify-self:start;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.pd-subject:not(:has(.pd-subject-picture)){padding-inline-start:14px}.pd-subject-picture .pic-svg{width:3rem;height:3rem}.pd-subject-name{font-size:1.0625rem;font-weight:700}.pd-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pd-options[hidden]{display:none}.pd-option{border:2px solid var(--control-border);background:var(--pic-tile);min-width:0;min-height:7.5rem;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:14px;align-content:start;justify-items:center;gap:6px;padding:12px 8px;display:grid;position:relative}.pd-option-art{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:4.5rem;display:flex}.pd-option-art .pic-svg{width:4.5rem;height:4.5rem}.pd-option-name{text-align:center;overflow-wrap:anywhere;font-size:1rem;font-weight:650;line-height:1.3}.pd-option .pd-key{top:6px;margin:0;position:absolute;inset-inline-start:6px}.pd-option-state{align-items:center;gap:6px;display:flex}.pd-option-state:not(:has([data-answer-label]:not(:empty))){display:none}.pd-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.pd-option:disabled{cursor:default;opacity:1}@media (hover:hover){.pd-option:not(:disabled):hover{border-color:var(--accent)}}.pd-count{font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:750;line-height:1}.pd-dots{gap:5px;display:flex}.pd-dots>span{background:var(--ink);border-radius:50%;width:.6rem;height:.6rem}.pd-options[data-kind=count] .pd-option-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pd-map{width:4.5rem;height:auto}.pd-map-off{fill:var(--pic-mat);stroke:var(--control-border);stroke-width:1.5px}.pd-map-on{fill:var(--accent);stroke:var(--accent);stroke-width:1.5px}.pd-map-dot{fill:var(--accent-ink)}.pd-review-svg{box-sizing:border-box;border:1px solid var(--line);background:var(--pic-tile);border-radius:10px;max-width:15rem;padding:3px}.pd-error{margin-top:16px}@media (width<=650px){.pd-round{gap:10px}.pd-layout{gap:12px}}@media (width<=30rem){.pd-example-board{grid-template-columns:minmax(0,1fr)}.pd-example-scene .pd-example-svg{max-width:12.5rem}}@media (width<=22.5em){.pd-option{min-height:6.5rem;padding:10px 6px}.pd-option-art .pic-svg{width:3.75rem;height:3.75rem}}@media (forced-colors:active){.pd-stage,.pd-option,.pd-example-svg,.pd-subject{border-color:buttontext}.pd-map-on{fill:highlight;stroke:highlight}.pd-map-off{fill:canvas;stroke:canvastext}.pd-map-dot{fill:highlighttext}.pd-dots>span{background:canvastext}}