.match-area{background:linear-gradient(155deg,#fff7d6,#ffe6f1);min-height:570px}.status{text-align:center;padding:14px 16px 0;color:#6d6780;font-size:12px}.bar{height:7px;max-width:440px;margin:9px auto;background:#e9e4ee;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#48dfbd,#7857ff,#ff5f8f)}.board{display:grid;gap:10px;padding:18px;max-width:650px;margin:auto}.tile{border:0;aspect-ratio:1;border-radius:20px;background:#6d53eb;box-shadow:0 7px 0 #4e3ab9;position:relative;cursor:pointer;overflow:hidden}.q,.char{position:absolute;inset:0;display:grid;place-items:center}.q{color:#fff;font:900 32px sans-serif}.char{opacity:0;transform:scale(.72);transition:.18s}.flipped .q,.matched .q{opacity:0}.flipped .char,.matched .char{opacity:1;transform:scale(1)}.matched{opacity:.38;pointer-events:none}.char img{width:88%;height:88%;object-fit:contain;filter:var(--fx,none)}.shop{padding:34px 24px;text-align:center;background:#fff}.shop>span{font-size:10px;font-weight:900;letter-spacing:2px;color:#7857ff}.shop h2{font-size:30px;margin:6px}.shoplinks{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px}.shoplinks a{background:#6d53eb;color:#fff;padding:12px 16px;border-radius:14px;text-decoration:none;font-weight:900}.shop small{display:block;max-width:650px;margin:auto;color:#888;line-height:1.5}.badge{background:#e4fff4;color:#008d6c;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:900}@media(max-width:520px){.board{gap:7px;padding:12px}.tile{border-radius:14px}.shoplinks{flex-direction:column}.shoplinks a{width:100%}}