.bng-fc-matching{--green:#174f38;--berry:#ab0939;--line:#d9e7df;--muted:#617268;box-sizing:border-box;width:min(100%,900px);margin:24px auto;color:#123c2c;font-family:inherit}.bng-fc-matching *{box-sizing:border-box}.bng-match-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.bng-match-header h3{margin:0 0 6px;color:var(--green);font-size:clamp(1.3rem,3vw,1.75rem)}.bng-match-instruction{color:var(--muted)}.bng-match-header time{flex:0 0 auto;padding:7px 11px;border-radius:18px;background:#edf8fd;font-weight:800}.bng-match-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:12px 12px 22px}.bng-match-deck{position:relative;padding:0 10px 10px}.bng-match-deck:before,.bng-match-deck:after{content:"";position:absolute;border:1px solid var(--line);border-radius:20px;background:#f4faf7;inset:8px 2px 2px 18px;z-index:-2}.bng-match-deck:after{inset:4px 6px 6px 14px;background:#fafdfb;z-index:-1}.bng-match-card{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#edf8fd);box-shadow:0 12px 30px #174f3815;text-align:center}.bng-match-card img{max-width:min(260px,85%);max-height:155px;object-fit:contain;border-radius:12px}.bng-match-card:has(img):has(.bng-match-audio) img{max-height:125px}.bng-match-text{font:400 clamp(1.25rem,3.3vw,1.9rem)/1.25 Georgia,serif;color:var(--green);overflow-wrap:anywhere}.bng-match-audio{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:2px solid var(--green);border-radius:50%;background:#fff;color:var(--green);cursor:pointer}.bng-match-audio svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.bng-match-card.is-audio-only .bng-match-audio{width:78px;height:78px}.bng-match-card.is-audio-only .bng-match-audio svg{width:42px;height:42px}.bng-match-audio.is-playing{background:var(--green);color:#fff}.bng-match-actions{display:flex;justify-content:center;gap:12px}.bng-match-actions button,.bng-match-actions a,.bng-match-start button{min-width:150px;min-height:48px;padding:12px 20px;border:0;border-radius:25px;background:var(--berry);color:#fff;font:800 1rem/1 inherit;text-align:center;text-decoration:none;cursor:pointer}.bng-match-actions button+button{background:var(--green)}.bng-match-feedback{height:42px;text-align:center;font-size:2rem;font-weight:900}.bng-match-feedback.is-correct{color:#27845c}.bng-match-feedback.is-wrong{color:#c93648}.bng-match-start,.bng-match-result{text-align:center;padding:25px}.bng-match-closed-decks{display:flex;justify-content:center;gap:45px;margin:20px 0 30px}.bng-match-closed-decks div{width:min(32vw,230px);height:180px;border-radius:20px;background:repeating-linear-gradient(135deg,var(--green),var(--green) 12px,#236e51 12px,#236e51 24px);box-shadow:8px 8px 0 #d9e7df}.bng-match-shuffle{height:260px;position:relative}.bng-match-shuffle div{position:absolute;left:50%;top:45px;width:210px;height:165px;border-radius:18px;background:var(--green);animation:bng-shuffle .7s ease-in-out infinite}.bng-match-shuffle div:nth-child(2){animation-delay:.12s}.bng-match-shuffle div:nth-child(3){animation-delay:.24s}@keyframes bng-shuffle{0%,100%{transform:translateX(-70%) rotate(-3deg)}50%{transform:translateX(-30%) rotate(3deg)}}.bng-match-result{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff6f8,#edf8fd)}.bng-match-result h4{margin:0 0 16px;font:700 clamp(1.7rem,4vw,2.2rem) Georgia,serif;color:var(--green)}.bng-match-result .is-record{color:var(--berry);font-weight:900}
@media(max-width:620px){.bng-fc-matching{margin:14px auto}.bng-match-board{grid-template-columns:1fr;gap:16px;padding:4px 0 12px}.bng-match-card{min-height:185px;padding:15px}.bng-match-card img{max-height:105px}.bng-match-card:has(img):has(.bng-match-audio) img{max-height:82px}.bng-match-actions{flex-direction:column}.bng-match-actions>*{width:100%}.bng-match-closed-decks{gap:18px}.bng-match-closed-decks div{height:125px}.bng-match-header{margin-bottom:8px}.bng-match-instruction{line-height:1.35}}