.mot223-lab{margin-top:18px}.mot223-head{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.mot223-tabs,.mot223-actions,.mot223-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mot223-tabs button,.mot223-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 12px;font-weight:760}.mot223-tabs button.active{outline:2px solid var(--ink)}.mot223-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:14px}.mot223-stage{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--card)}.mot223-arena{position:relative;aspect-ratio:4/3;min-height:330px;border:1px solid var(--line);border-radius:16px;background:var(--soft);overflow:hidden;touch-action:manipulation}.mot223-dot{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;background:var(--card);transform:translate(-50%,-50%);display:grid;place-items:center;font:800 9px/1 system-ui;user-select:none}.mot223-dot.target{background:var(--ink);color:var(--card);box-shadow:0 0 0 5px color-mix(in srgb,var(--ink) 20%,transparent)}.mot223-dot.decoy{background:var(--ink);color:var(--card);box-shadow:0 0 0 5px color-mix(in srgb,var(--ink) 20%,transparent)}.mot223-dot.pick{box-shadow:0 0 0 4px var(--ink)}.mot223-dot.correct{background:var(--ink);color:var(--card)}.mot223-dot.wrong{border-style:dashed}.mot223-dot.selectable{cursor:pointer}.mot223-side{display:grid;gap:10px}.mot223-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px}.mot223-card h3{font-size:.92rem;margin:0 0 5px}.mot223-card p{margin:0;color:var(--muted);line-height:1.45}.mot223-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.mot223-metrics>div{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:9px}.mot223-metrics small{display:block;color:var(--muted);font-size:.7rem}.mot223-metrics strong{font-size:1rem}.mot223-panel{margin-top:12px}.mot223-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mot223-row label{display:grid;gap:4px;font-size:.8rem;color:var(--muted)}.mot223-row input,.mot223-row select,.mot223-backup{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:8px;background:var(--card);color:var(--ink)}.mot223-profile{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.mot223-profile>div{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--soft);font-size:.78rem}.mot223-review{display:grid;gap:6px;max-height:320px;overflow:auto}.mot223-review>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;border-bottom:1px solid var(--line);padding:7px 0;font-size:.82rem}.mot223-status{padding:10px 12px;border-radius:12px;background:var(--soft);line-height:1.45;min-height:44px}.mot223-large .mot223-dot{width:24px;height:24px}.mot223-high .mot223-stage,.mot223-high .mot223-card{outline:2px solid var(--ink)}.mot223-reduced *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media(max-width:860px){.mot223-grid{grid-template-columns:1fr}.mot223-side{grid-template-columns:1fr 1fr}.mot223-metrics{grid-template-columns:repeat(2,1fr)}.mot223-profile{grid-template-columns:1fr 1fr}.mot223-row{grid-template-columns:1fr 1fr}}@media(max-width:480px){.mot223-side,.mot223-profile,.mot223-row{grid-template-columns:1fr}.mot223-arena{min-height:0}.mot223-tabs button{padding:8px 9px;font-size:.84rem}}