.mip-example{justify-items:center;gap:12px;width:100%;margin:0;display:grid}.mip-example figcaption{color:var(--ink);text-align:center;margin:0;font-size:.9375rem;line-height:1.5}.mip-example-actions{justify-content:center;min-height:44px;display:flex}.mip-text-action{min-height:44px;color:var(--accent);font:inherit;text-underline-offset:var(--underline-offset);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:.9375rem;text-decoration:underline}.mip-text-action:hover{background:var(--accent-soft)}.mip-text-action:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mip-round{gap:14px;display:grid}.mip-top{justify-content:space-between;min-height:44px}.mip-top>p{color:var(--ink);margin:0;font-weight:600}.mip-instruction{color:var(--ink);margin:0;font-size:1.125rem;font-weight:600;line-height:1.45}.mip-interaction-note{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.5}.mip-feedback{color:var(--ink);text-align:center;margin:0;font-size:.9375rem;line-height:1.5}.mip-workspace{place-items:start center;gap:28px;width:100%;max-width:44rem;margin:12px auto;display:grid}.mip-workspace[data-kind=place]{grid-template-columns:minmax(80px,1fr) minmax(112px,1fr);align-items:center;gap:clamp(20px,5vw,64px);max-width:27rem}.mip-tray{flex-wrap:wrap;justify-content:center;align-items:start;gap:12px;width:100%;display:flex}.mip-tray[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:360px;display:grid}.mip-tray[data-count="6"] .mip-item-slot{width:100%}.mip-item-slot{border-radius:12px;place-items:center;width:clamp(80px,22vw,112px);min-height:112px;display:grid}.mip-workspace[data-kind=place] .mip-item-slot{width:min(112px,100%)}.mip-item-slot[data-placed=true]{outline:1px dashed var(--line);outline-offset:-1px}.mip-slot-mark{color:var(--accent);place-items:center;display:grid}.mip-slot-mark svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mip-item{box-sizing:border-box;border:2px solid var(--control-border);background:var(--pic-tile);width:100%;min-width:80px;min-height:112px;color:var(--ink);font:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;align-content:center;justify-items:center;gap:7px;padding:10px 8px;display:grid}.mip-item[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:3px;background:var(--accent-soft)}.mip-item:focus-visible,.mip-target:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.mip-item[data-dragging=true]{opacity:.28}.mip-picture{place-items:center;width:4rem;max-width:100%;height:4rem;display:grid}.mip-picture .pic-svg{width:100%;height:100%;display:block}.mip-item-name{color:var(--ink);text-align:center;overflow-wrap:anywhere;hyphens:auto;font-size:.9375rem;font-weight:600;line-height:1.25}.mip-item{grid-template-columns:minmax(0,1fr)}.mip-item-name{min-width:0;max-width:100%}.mip-targets{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;display:flex}.mip-target{box-sizing:border-box;border:2px dashed var(--control-border);background:var(--pic-tile);min-width:112px;max-width:13rem;min-height:144px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;flex:112px;align-content:center;justify-items:center;gap:10px;padding:14px 10px;display:grid}.mip-target-picture{justify-items:center;gap:8px;display:grid}.mip-target[data-mip-over=true]{outline:3px solid var(--accent);outline-offset:3px;background:var(--accent-soft)}.mip-target[data-filled=true]{border-style:solid;border-color:var(--accent)}.mip-target:disabled{cursor:default;opacity:1}.mip-target-title{overflow-wrap:anywhere;font-size:1rem;font-weight:650;line-height:1.35}.mip-workspace[data-kind=sort] .mip-target{flex-basis:calc(50% - 7px);align-content:start;max-width:none;min-height:180px}.mip-workspace[data-kind=sort] .mip-targets[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mip-workspace[data-kind=sort] .mip-targets[data-count="3"] .mip-target{width:100%;min-width:80px;padding-inline:6px}.mip-targets[data-count="3"] .mip-placed-item{width:100%;min-width:0}.mip-memory-controls{justify-content:center;align-items:center;width:100%;min-height:3.5rem;display:flex}.mip-memory-controls .btn{min-height:52px}.mip-workspace[data-kind=remember]{gap:16px}.mip-workspace[data-kind=remember] .mip-targets{grid-template-columns:repeat(2,minmax(0,1fr));max-width:26rem;display:grid}.mip-workspace[data-kind=remember] .mip-target{gap:6px;width:100%;min-width:112px;max-width:none;height:9rem;min-height:9rem;padding:8px}.mip-workspace[data-kind=remember] .mip-target-picture{align-content:center;gap:6px;width:100%;min-height:5rem}.mip-workspace[data-kind=remember] .mip-picture{width:3rem;height:3rem}.mip-workspace[data-kind=remember] .mip-tray{min-height:112px}.mip-workspace[data-kind=remember] .mip-item-slot{width:112px}.mip-position{color:var(--muted);font-size:.875rem;line-height:1.25}.mip-placed-items{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.mip-placed-item{justify-items:center;gap:6px;min-width:80px;max-width:100%;min-height:96px;display:grid}.mip-placed-item .mip-picture{width:3.5rem;height:3.5rem}.mip-workspace[data-kind=place] .mip-targets{min-width:112px}.mip-workspace[data-kind=place] .mip-target{min-height:160px}.mip-drag-ghost{z-index:1000;pointer-events:none;cursor:grabbing;border-color:var(--accent);will-change:transform;margin:0;position:fixed;box-shadow:0 10px 24px #0003}.mip-board-done{color:var(--accent);text-align:center;margin:0;font-weight:600}.mip-actions{justify-content:flex-end;min-height:48px;display:flex}.mip-review-heading{color:var(--ink);margin:0 0 12px;font-weight:600}.mip-review-pictures{flex-wrap:wrap;gap:16px;display:flex}.mip-review-picture{align-content:start;justify-items:center;gap:8px;max-width:10rem;margin:0;display:grid}.mip-review-picture figcaption{color:var(--ink);text-align:center;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.4}@media (hover:hover){.mip-item:hover{border-color:var(--accent)}.mip-workspace[data-selected=true] .mip-target:not(:disabled):hover{background:var(--accent-soft);border-color:var(--accent)}}@media (width<=34em){.mip-workspace{gap:22px}.mip-tray{gap:10px}.mip-tray[data-count="4"]{grid-template-columns:repeat(2,minmax(80px,112px));display:grid}.mip-tray[data-count="4"] .mip-item-slot{width:100%}.mip-targets{gap:12px}.mip-target{flex-grow:0;width:calc(50% - 6px);max-width:none}.mip-targets[data-count="1"] .mip-target{width:100%}.mip-workspace[data-kind=sort] .mip-target{flex-grow:1}.mip-workspace[data-kind=place]{gap:20px}}@media (prefers-reduced-motion:reduce){.mip-drag-ghost{will-change:auto}}@media (forced-colors:active){.mip-item,.mip-target{border-color:buttontext}.mip-target[data-mip-over=true],.mip-item[aria-pressed=true]{outline-color:highlight}}