.uyn{--uyn-ink:var(--ink,#111);--uyn-line:var(--border,#d5d9e0);--uyn-card:var(--white,#fff);--uyn-sel:#274ac3;--uyn-ok:var(--correct,#2563eb);--uyn-ok-tint:var(--correct-tint,#2563eb1a);--uyn-bad:var(--wrong,#c8482c);--uyn-bad-tint:var(--wrong-tint,#fff0eb);color:var(--uyn-ink);gap:14px;font-size:16px;line-height:1.5;display:grid}.uyn[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.uyn-tray{gap:12px;display:flex}.uyn-tile{min-width:76px;height:40px;font:inherit;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#1c3557;border:2px solid #1c3557;border-radius:6px;place-items:center;padding:0 16px;font-weight:700;display:inline-grid}.uyn-tile:disabled{cursor:default;opacity:.6}.uyn-tile[data-armed]{outline-offset:2px;outline:3px solid #ffd43b}.uyn-tile:focus-visible,.uyn-slot:focus-visible{outline:3px solid var(--uyn-sel);outline-offset:2px}.uyn-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.uyn-row{background:var(--uyn-card);border:1px solid var(--uyn-line);border-radius:8px;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:6px 14px;padding:10px 12px 10px 14px;display:grid}.uyn-slot{cursor:pointer;background:#f4f6f9;border:2px dashed #9aa5b5;border-radius:6px;place-items:center;width:96px;height:48px;display:grid}.uyn-slot[data-filled]{background:0 0;border-style:solid;border-color:#0000}.uyn-slot[data-over],.uyn-slot[data-armed]:not([data-filled]):hover{border-color:var(--uyn-sel);background:#274ac314}.uyn-placed{width:100%;height:100%}.uyn-ghost{z-index:60;pointer-events:none;position:fixed;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000040}.uyn[data-review] .uyn-row[data-state=correct]{border-color:var(--uyn-ok);background:var(--uyn-ok-tint)}.uyn[data-review] .uyn-row[data-state=wrong]{border-color:var(--uyn-bad);background:var(--uyn-bad-tint)}.uyn-placed[data-state=correct]{background:var(--uyn-ok);border-color:var(--uyn-ok);cursor:default}.uyn-placed[data-state=wrong]{background:var(--uyn-bad);border-color:var(--uyn-bad);cursor:default}.uyn-key{color:var(--uyn-ok);grid-column:1/-1;font-size:14px;font-weight:700}.uyn-reason{color:#4a4a4a;grid-column:1/-1;margin:0;font-size:14px}@media (max-width:560px){.uyn-row{grid-template-columns:minmax(0,1fr) 76px;padding:8px 10px}.uyn-slot{width:76px;height:44px}.uyn-tile{min-width:68px}}