.play-practice{--play-ink:#173f35;--play-soft:#edf3e8;--play-line:#c4d0c2;border:0;min-width:0;margin:24px 0;padding:0}.play-instruction{color:#46594f;max-width:60ch;margin:0 0 22px;font-size:15px;line-height:1.65}.match-board{grid-template-columns:1fr 1fr;gap:22px;display:grid}.match-column{grid-template-rows:auto repeat(3,minmax(88px,1fr));gap:10px;min-width:0;display:grid}.match-column-label{letter-spacing:.1em;color:#5b6c61;padding:0 4px 4px;font-size:11px;font-weight:750}.match-card{text-align:left;border:1.5px solid var(--play-line);color:var(--play-ink);cursor:pointer;overflow-wrap:anywhere;min-width:0;min-height:88px;font:inherit;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px;transition:background .18s,border-color .18s,box-shadow .18s;display:flex}.match-card strong{font-size:30px;line-height:1.2;display:block}.match-card small{color:#586a60;margin-top:5px;font-size:15px;display:block}.match-meaning strong{font-size:16px;line-height:1.4}.match-number{border:1px solid var(--play-line);background:#f8faf5;border-radius:50%;flex:0 0 24px;place-items:center;height:24px;font-size:12px;font-weight:700;display:grid}.match-card.is-paired{background:var(--play-soft);border-color:#8ca791}.match-card.is-selected{background:#fff6ef;border-color:#a93625;box-shadow:0 0 0 2px #a936252b}.match-card.is-selected .match-number{color:#fff;background:#a93625;border-color:#a93625}.match-card:disabled{cursor:default;opacity:1}.play-practice:disabled .match-card{opacity:.65}.match-card:not(:disabled):hover{border-color:#496d5a}.play-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:18px;display:flex}.play-toolbar p{color:#344f40;margin:0;font-size:14px;line-height:1.5}.play-toolbar button{min-height:44px;color:var(--play-ink);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:8px 10px;font-size:14px;font-weight:650;display:inline-flex}.play-toolbar button:disabled{opacity:.4;cursor:default}.play-note{max-width:65ch;color:#65736a!important;margin:10px 0 0!important;font-size:12px!important;line-height:1.6!important}.pinyin-answer{background:#f1f5ed;border:1.5px dashed #9aaf9b;border-radius:20px;flex-wrap:wrap;align-content:center;gap:8px;min-height:116px;padding:20px;display:flex}.pinyin-placeholder{color:#66756a;align-self:center;font-size:15px}.pinyin-bank{flex-wrap:wrap;gap:10px;padding:22px 0 8px;display:flex}.pinyin-tile{font:inherit;overflow-wrap:anywhere;color:#173f35;cursor:pointer;background:#fff;border:1.5px solid #bdcdbb;border-bottom-width:4px;border-radius:13px;max-width:100%;min-height:50px;padding:10px 17px;font-size:19px;font-weight:650;line-height:1.4;transition:background .18s,transform .18s}.pinyin-tile:not(:disabled):hover{background:#f8faf5;transform:translateY(-2px)}.pinyin-tile:disabled{opacity:.25;cursor:default}.pinyin-tile.placed{color:#fff;background:#416650;border-color:#416650;align-items:center;gap:10px;display:flex}.pinyin-tile.placed:not(:disabled):hover{background:#315440}.pinyin-tile.placed span{opacity:.7;font-size:16px}.play-practice button:focus-visible,.vocabulary-mode button:focus-visible{outline-offset:4px;outline:3px solid #b74627}.vocabulary-mode{background:#eef3e9;border:1px solid #c8d3c3;border-radius:14px;gap:4px;max-width:100%;margin:6px 0 24px;padding:4px;display:inline-flex}.vocabulary-mode button{font:inherit;color:#35533e;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:650}.vocabulary-mode button[aria-pressed=true]{color:#173f35;background:#fff;box-shadow:0 2px 7px #173f3510}@media (max-width:520px){.match-board{gap:10px}.match-card{border-radius:13px;gap:7px;min-height:90px;padding:12px 9px}.match-card strong{font-size:26px}.match-meaning strong{font-size:14px}.match-card small{font-size:13px}.match-number{flex-basis:20px;height:20px;font-size:11px}.play-toolbar{align-items:flex-start}.play-toolbar p{padding-top:10px;font-size:13px}.play-toolbar button{font-size:12px}.pinyin-answer{min-height:126px;padding:14px}.pinyin-tile{padding:9px 13px;font-size:18px}.vocabulary-mode button{padding:10px 14px}}@media (prefers-reduced-motion:reduce){.play-practice button{transition:none!important;transform:none!important}}.play-practice>legend{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.practice-question .play-practice .match-card:disabled{opacity:1;color:#173f35}.practice-question .play-practice:disabled .match-card{opacity:.65}.match-feedback{text-align:left;width:100%;max-width:520px;margin:24px auto}.match-feedback>div{border-bottom:1px solid #d6dfd3;grid-template-columns:1fr 1fr;align-items:center;gap:16px;padding:18px 20px;display:grid}.match-feedback dt{flex-direction:column;gap:5px;display:flex}.match-feedback strong{font-size:28px;line-height:1.3}.match-feedback dt span{color:#536d5b;font-size:15px}.match-feedback dd{overflow-wrap:anywhere;margin:0;font-size:16px}