.matching-root{width:100%;padding-bottom:10px}
.matching-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:4px 0 18px}
.matching-title{font-size:clamp(25px,3.5vw,36px);line-height:1.15;margin:0;flex:1}
.matching-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:15px 0 24px}
.matching-mode,.matching-task,.matching-target,.matching-option{border:3px solid transparent;border-radius:26px;background:#e8f0df;padding:14px;min-width:0;font-size:22px;font-weight:700}
.matching-mode:nth-child(2),.matching-option:nth-child(2n){background:#fae8dc}
.matching-mode-art{display:flex;align-items:center;justify-content:center;gap:4px;min-height:145px}
.matching-mode-art img{width:48%;max-width:175px;aspect-ratio:1;object-fit:contain}
.matching-mode>span{display:block;margin-top:10px}
.matching-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
.matching-task{font-size:18px;background:#f5e9dd;padding:10px;border-radius:22px}
.matching-task img{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:6px}
.matching-instruction{font-size:clamp(23px,3vw,31px);font-weight:700;margin:8px 0 18px}
.matching-targets{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.matching-target{width:calc((100% - 28px)/3);max-width:315px;min-width:175px;background:#e8f0df;touch-action:none;user-select:none;-webkit-user-select:none}
.matching-board[data-pairs="1"] .matching-target{width:290px}
.matching-pair-art{display:flex;align-items:center;justify-content:center;min-height:145px;gap:4px}
.matching-pair-art img{width:100%;max-height:170px;aspect-ratio:1;object-fit:contain}
.matching-target.matched .matching-pair-art img{width:43%;max-height:145px}
.matching-target.matched{border-color:#3b9a73;background:#ddf2d9;opacity:1}
.matching-target.selected{border-color:#167e76;box-shadow:0 0 0 4px #b8dfd2}
.matching-join{color:#278564;font-size:28px}
.matching-item-label{display:block;font-size:20px;line-height:1.2;margin-top:6px}
.matching-options{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
.matching-option{width:calc((100% - 45px)/4);max-width:215px;min-width:130px;background:#e2edf4}
.matching-option img{width:100%;max-height:140px;aspect-ratio:1;object-fit:contain;pointer-events:none}
.matching-board[data-pairs="1"] .matching-option{width:220px;max-width:42%}
.matching-board[data-pairs="1"] .matching-option img{max-height:170px}
.matching-board img{pointer-events:none;-webkit-user-drag:none;user-select:none}
.matching-tap-guide{text-align:center;color:var(--muted);font-size:18px;margin:18px 0 12px}
.matching-status{min-height:36px;text-align:center;font-size:24px;font-weight:700;color:#238061;margin:17px 0 8px}
.matching-next{display:block;margin:12px auto 24px;min-width:180px}
.matching-parent{max-width:700px;margin:20px auto 0;background:#f0f3e7;border-radius:18px;padding:8px 16px;font-size:16px}
.matching-parent summary{padding:12px 0;min-height:48px;cursor:pointer;text-align:center}
.matching-parent label{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:18px}
.matching-difficulty{font:inherit;min-height:50px;min-width:90px;border:1px solid #a9c5b7;border-radius:12px;padding:8px 15px;background:white;color:var(--ink)}
.matching-parent p{line-height:1.5;text-align:center}
.matching-storage-warning{font-size:14px;line-height:1.45;color:#896232;text-align:center}
.matching-drag-ghost{position:fixed;width:105px;height:105px;transform:translate(-50%,-50%);z-index:30;pointer-events:none;opacity:.88;filter:drop-shadow(0 5px 8px #45604b44)}
.matching-target.dragging{opacity:.5}
@media(max-width:700px){.matching-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.matching-mode{padding:12px 8px;font-size:20px}.matching-modes{gap:12px}.matching-target{min-width:145px}.matching-targets,.matching-options{gap:10px}.matching-pair-art{min-height:110px}.matching-pair-art img{max-height:145px}.matching-option{min-width:110px}}
@media(max-width:440px){.matching-toolbar{gap:8px}.matching-title{font-size:25px}.matching-toolbar .matching-back{padding:8px 10px;font-size:15px}.matching-repeat{font-size:18px;padding:9px 12px}.matching-modes{grid-template-columns:1fr}.matching-mode-art{min-height:105px}.matching-mode-art img{max-width:120px}.matching-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.matching-task{font-size:18px}.matching-target{min-width:0;width:calc((100% - 10px)/2);padding:8px}.matching-board[data-pairs="3"] .matching-target:last-child{width:calc((100% - 10px)/2)}.matching-board[data-pairs="1"] .matching-target{width:220px}.matching-pair-art{min-height:95px}.matching-pair-art img{max-height:135px}.matching-option{min-width:0;width:calc((100% - 10px)/2);padding:8px}.matching-option img{max-height:120px}.matching-item-label{font-size:18px}.matching-instruction{font-size:24px}.matching-status{font-size:22px}}
.compact-height .matching-pair-art{min-height:95px}.compact-height .matching-pair-art img{max-height:115px}.compact-height .matching-option img,.compact-height .matching-board[data-pairs="1"] .matching-option img{max-height:120px}.compact-height .matching-mode-art img{max-width:135px}