.hand-activities{color:var(--foreground)}.hand-activities h1{font-family:var(--font-display);margin:16px 0 10px;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:600}.ha-match-grid h2{text-transform:uppercase;letter-spacing:.06em;color:var(--brass,var(--primary));margin:12px 0;font-size:.85rem}.ha-intro,.ha-help{color:var(--muted-foreground);font-size:.94rem;line-height:1.6}.ha-selection{border:1px solid var(--border);border-radius:8px;min-height:44px;margin:14px 0;padding:10px 12px;font-size:.85rem;line-height:1.5}.ha-selection-active{z-index:5;color:#f3dfac;background:#21352d;border-color:#caa85f;position:sticky;top:8px}.ha-selection button{min-height:36px;padding:4px 10px;text-decoration:underline}.ha-sort-list{gap:10px;margin:8px 0;padding:0;list-style:none;display:grid}.ha-sort-list li{border:1px solid var(--border);background:var(--background);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.ha-position{color:#d9b765;border-radius:7px;flex:none;width:44px;height:44px;font-weight:700}.ha-position:enabled{cursor:pointer;background:#31473e;outline:1px dashed #d9b765}.ha-hand-content{flex:1;min-width:0}.ha-drag{touch-action:none;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:4px 7px;font-weight:600;display:flex}.ha-drag:active{cursor:grabbing}.ha-grip{color:#d9b765;flex:none;font-size:22px}.ha-selected{background:#d9b76520;border-color:#d9b765}.ha-cards{flex-wrap:nowrap;gap:5px;margin:6px 0;display:flex}.ha-card{color:#172024;background:#f3f2ec;border-radius:5px;flex:none;place-items:center;width:36px;height:45px;font-size:15px;font-weight:700;display:grid}.ha-red{color:#b22636}.ha-rank-label{color:#d9b765;padding:6px 0;font-size:.78rem}.ha-match-grid{grid-template-columns:1fr 1.1fr;gap:22px;display:grid}.ha-description-list,.ha-targets{gap:12px;display:grid}.ha-description{border:1px solid var(--border);background:var(--background);width:100%;padding:12px;font-size:.87rem;font-weight:400;line-height:1.5}.ha-assigned{color:var(--muted-foreground);padding:4px;font-size:.72rem;display:block}.ha-match-target{border:1px solid var(--border);background:var(--background);border-radius:12px;min-width:0;padding:12px}.ha-match-target>strong{font-size:.95rem}.ha-drop{text-align:left;color:#dfdfd5;cursor:pointer;border:1px dashed #7d897c;border-radius:8px;width:100%;min-height:72px;margin-top:8px;padding:10px;font-size:.85rem;line-height:1.5}.hand-activities .ha-can-drop{border-color:#c7a967}.ha-feedback{border:1px solid #8f7948;border-radius:12px;margin-top:18px;padding:15px;font-size:.9rem;line-height:1.6}.ha-feedback p{margin-top:10px}.ha-correct{color:#91d5ac;font-size:.78rem}.ha-wrong{color:#f1c383;font-size:.78rem}.ha-is-correct{border-color:#6eab82!important}.ha-is-wrong{border-color:#bc965a!important}.ha-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.ha-primary,.ha-secondary{cursor:pointer;border-radius:9px;min-height:48px;padding:10px 16px;font-size:.9rem;font-weight:600}.ha-primary{color:#192019;background:#d9b765}.ha-secondary{border:1px solid #8c8f84}.ha-text-button{color:#e1bf78;min-height:44px;text-decoration:underline;display:block}.hand-activities button:focus-visible{outline-offset:3px;outline:3px solid #e0bd70}.ha-ghost{z-index:50;pointer-events:none;color:#152920;background:#dbc07a;border-radius:10px;max-width:200px;padding:10px 15px;position:fixed;box-shadow:0 3px 16px #0008}@media (width<=600px){.ha-match-grid{grid-template-columns:1fr;gap:10px}.ha-sort-list li{gap:6px;padding:8px}.ha-card{width:27px;height:38px;font-size:12px}.ha-cards{gap:4px}.ha-drag{padding:3px;font-size:.9rem}.ha-description{padding:12px}.ha-match-target .ha-card{width:34px;height:43px;font-size:14px}}.ha-hand-content>.ha-drag{width:100%}.ha-hand-body{width:100%;min-width:0;display:block}.ha-hand-title{align-items:center;gap:7px;display:flex}.ha-drag-hint{color:#d9b765;margin-left:auto;font-size:.72rem;font-weight:400}.ha-drop-hint{color:#f3dfac;font-size:.8rem;font-weight:600}.hand-activities .ha-drop-active{background:#24352b;border:2px solid #d9b765;box-shadow:0 0 0 2px #d9b76530}.ha-dragging{opacity:.6}@media (width<=380px){.ha-sort-list .ha-card{width:24px}.ha-sort-list .ha-cards{gap:3px}.ha-drag-hint{display:none}}