.match-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.25rem;margin:2rem auto 0;max-width:640px}.match-head{margin-bottom:1rem}.match-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}.match-col{display:flex;flex-direction:column;gap:.6rem}.match-item{text-align:left;font:inherit;font-size:.9rem;line-height:1.35;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:.75rem .85rem;cursor:pointer;color:var(--ink);transition:transform .12s,border-color .12s,background .12s,box-shadow .12s;animation:match-enter .4s ease both;animation-delay:calc(var(--i, 0) * 55ms)}@keyframes match-enter{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.match-item:hover:not(.matched){transform:translateY(-2px);box-shadow:0 4px 10px rgba(123,45,58,.12)}.match-item:active{transform:translateY(1px)}.match-item.sel{border-color:var(--wine);box-shadow:0 0 0 2px var(--wine) inset;animation:match-pulse .9s ease-in-out infinite}@keyframes match-pulse{0%,to{box-shadow:0 0 0 2px var(--wine) inset}50%{box-shadow:0 0 0 2px var(--wine) inset,0 0 0 4px color-mix(in srgb,var(--wine) 30%,transparent)}}.match-item.matched{background:color-mix(in srgb,var(--wine) 14%,var(--surface));border-color:var(--wine);color:var(--wine);cursor:default;opacity:.75;animation:match-pop .4s cubic-bezier(.2,1.5,.35,1)}@keyframes match-pop{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.match-item.wrong{border-color:var(--ochre);background:color-mix(in srgb,var(--ochre) 16%,var(--surface));animation:match-shake .3s ease}@keyframes match-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.match-count{margin:.3rem 0 0;font-size:.82rem;font-weight:700;color:var(--ochre)}.match-done{text-align:center;padding:.5rem 0;position:relative}.match-confetti{position:absolute;top:30%;left:50%;width:9px;height:9px;border-radius:2px;background:var(--ochre);pointer-events:none;animation:match-confetti .8s ease-out forwards}.match-confetti:nth-child(odd){background:var(--wine)}@keyframes match-confetti{0%{transform:translate(-50%,-50%) scale(.5) rotate(0deg);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(180deg);opacity:0}}.match-done strong{display:block;color:var(--wine);font-size:1.1rem;margin:.3rem 0}.match-done p{color:var(--ink-soft);font-size:.9rem;margin:0 0 1rem}