.match-hero{padding:40px 0}.match-section{padding-top:30px}.match-panel{max-width:790px;margin:20px auto}.match-panel h2{text-align:center;font-size:clamp(1.5rem,4vw,2.2rem)}.match-friends{display:flex;justify-content:center;gap:12px;margin:22px 0}.match-friend{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:75px;background:#fff;border:2px solid #dfcbed;border-radius:18px;padding:9px 12px;color:#75509a;font-weight:900}.match-friend img{width:48px;height:48px;border-radius:12px;object-fit:cover}.match-friend[aria-pressed=true]{border-color:#885abb;background:#f1e4fd;box-shadow:0 0 0 2px #e6d4f4}.match-instructions{text-align:center}.match-instructions>span{display:block;color:#885abb;font-size:1.65rem;letter-spacing:4px}.match-instructions p{margin:8px 0 14px}.match-progress{text-align:center;font-weight:900;color:#7d52a8;margin:17px 0}.match-board{position:relative;display:grid;grid-template-columns:110px minmax(55px,1fr) 110px;max-width:590px;margin:0 auto;padding:12px 7px;background:#fffdf8;border:2px solid #eee0f5;border-radius:24px;isolation:isolate}.match-board>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.match-column{display:flex;flex-direction:column;gap:16px;z-index:1}.emotion-link-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:110px;border:3px solid #dfccec;border-radius:18px;background:white;padding:5px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;color:#6e5388}.emotion-link-face{position:relative;display:block;width:90px;height:90px;overflow:hidden;border-radius:11px;pointer-events:none}.emotion-link-face img{position:absolute;width:400%;height:400%;max-width:none;pointer-events:none}.emotion-link-caption{font-size:.75rem;line-height:1.15;font-weight:800;pointer-events:none}.emotion-link-card.selected{border-color:#885abb;box-shadow:0 0 0 4px #e8d9f7}.emotion-link-card.matched{border-color:var(--pair-color);background:#f8fcf3;opacity:1;cursor:default}.emotion-link-card.matched:after{content:'✓';position:absolute;right:-8px;top:-8px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--pair-color);color:white;font-weight:900;border:2px solid white}.match-panel .feedback{text-align:center;min-height:3em;margin-top:20px}.match-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:14px}.match-actions [hidden]{display:none!important}.emotion-link-card:focus-visible{outline:3px solid #f2a04e;outline-offset:4px}@media(max-width:520px){.match-panel{padding:14px}.match-friends{gap:7px}.match-friend{min-width:0;flex:1;padding:8px 5px;font-size:.88rem}.match-friend img{width:43px;height:43px}.match-board{grid-template-columns:90px minmax(45px,1fr) 90px;padding:12px 6px}.emotion-link-card{width:90px;padding:4px;border-radius:15px}.emotion-link-face{width:76px;height:76px}.emotion-link-caption{font-size:.69rem}.match-column{gap:15px}.match-instructions p{font-size:.92rem}.match-hero h1{font-size:2.5rem}}
