.word-card-tile-open{display:block;cursor:pointer;width:100%;overflow:hidden;border:1px solid #e8e8e8;border-radius:20px;background:white;text-align:left;box-shadow:0 3px 14px rgb(0 0 0/.035);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}.word-card-tile-open:hover{transform:translateY(-5px);border-color:#d0d0d0;box-shadow:0 18px 35px rgb(0 0 0/.1)}.word-card-tile-open:focus-visible{outline:3px solid #555;outline-offset:3px}.word-card-face{display:flex;box-sizing:border-box;flex-direction:column;width:100%;aspect-ratio:4/5;overflow:hidden;background:white;container-type:inline-size}.word-card-art{display:flex;flex:0 0 70%;align-items:center;justify-content:center;min-height:0;overflow:hidden;background:#fff}.word-card-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.22,1,.36,1)}.word-card-tile-open:hover .word-card-art img{transform:scale(1.035)}.word-card-copy{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:0;gap:3.2cqw;padding:3% 6% 4%;border-top:1px solid #e9e9e9;text-align:center}.word-card-hanzi{color:#171717;font-size:30px;font-weight:650;line-height:1.05}.word-card-hanzi,.word-card-pinyin{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-card-pinyin{color:#737373;font-size:clamp(12px,3.5cqw,35px);line-height:1.1}.word-card-ruby{display:inline-flex;max-width:100%;align-items:end;justify-content:center;gap:clamp(2px,1cqw,4px);overflow:hidden}.word-card-ruby-cell{display:inline-grid;min-width:30px;grid-template-rows:auto auto;justify-items:center;align-items:center}.word-card-ruby-cell .word-card-hanzi,.word-card-ruby-cell .word-card-pinyin{max-width:none;overflow:visible;text-overflow:clip;letter-spacing:normal}.word-card-blank-line{display:block;flex:none;max-width:100%;height:clamp(22px,12cqw,56px);border-bottom:2px solid #222222}.word-card-blank-line-english{height:clamp(18px,6cqw,36px)}.word-card-english{display:-webkit-box;max-width:100%;overflow:hidden;color:#303030;font-size:clamp(12px,4cqw,40px);font-weight:550;line-height:1.15;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.word-card-tile-open .word-card-art{flex:1 1 0}.word-card-tile-open .word-card-copy{flex:0 0 auto;min-height:80px;gap:4px;padding:10px 8px}.word-card-tile-open .word-card-hanzi{flex-shrink:0;padding-block:1px;font-size:24px;line-height:1.5}.word-card-tile-open .word-card-english{flex-shrink:0;font-size:12px;line-height:1.5;padding-bottom:2px}.word-card-face-large .word-card-hanzi{white-space:normal;overflow-wrap:anywhere}.word-card-face-large .word-card-english{line-height:1.3;padding-bottom:.16em}@container (max-width: 180px){.word-card-art{flex-basis:65%}.word-card-copy{gap:2px;padding:2% 5%}.word-card-hanzi{font-size:30px}.word-card-english,.word-card-pinyin{font-size:12px}}@media (max-width:380px){.word-card-tile-open{border-radius:13px}}@media (prefers-reduced-motion:reduce){.word-card-art img,.word-card-tile-open{transition:none!important}}.word-card-page-link{display:inline-flex;min-height:44px;align-items:center;padding:9px 0;color:#525252;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}.word-card-page-link:hover{color:#171717}