/* Text faces use only native typography; artwork, dragging and masking belong to the caller. */
.card-mechanics{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:4px;padding:6px 6px 30px;box-sizing:border-box;overflow:hidden;background:#f2eedf;color:#192216;border:1px solid #c2bda7;border-radius:4px;font:11px/1.23 Arial,Helvetica,sans-serif;text-align:left;white-space:normal;pointer-events:none;user-select:none;-webkit-user-select:none}
.card-mechanics.cm-color-w{background:#f5f0dc;border-color:#c5b579}
.card-mechanics.cm-color-u{background:#e8f0f2;border-color:#92acb6}
.card-mechanics.cm-color-b{background:#ede9ef;border-color:#b1a2b4}
.card-mechanics.cm-color-r{background:#f4e9e0;border-color:#c1a18c}
.card-mechanics.cm-color-g{background:#e8efdf;border-color:#a3b68f}
.card-mechanics.cm-color-multi{background:#f1eddc;border-color:#b8a56e}
.card-mechanics .cm-name{flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:30px;overflow:hidden;overflow-wrap:break-word;font-size:13px;font-weight:bold;line-height:1.13;color:#14200f}
.card-mechanics .cm-mana{flex:none;max-height:27px;overflow:hidden;font-size:11px;line-height:1.2;font-weight:bold;letter-spacing:.1px;color:#26301f;overflow-wrap:anywhere}
.card-mechanics .cm-type{flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:28px;overflow:hidden;padding:3px 0;border-top:1px solid #c4c7b5;border-bottom:1px solid #c4c7b5;font-size:10px;font-weight:bold;line-height:1.15;overflow-wrap:break-word;color:#35402c}
.card-mechanics .cm-rules{flex:1;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;white-space:pre-line;overflow-wrap:break-word;font-size:11px;line-height:1.23;color:#192216}
.card-mechanics .cm-rules-empty{color:#4f5d47;font-style:italic}
.card-mechanics .cm-details{flex:none;max-height:21px;overflow:hidden;font-size:9px;line-height:1.15;color:#4d5c44}
.card-mechanics .cm-footer{position:absolute;left:6px;right:4px;bottom:4px;min-height:22px}
.card-mechanics .cm-hint{position:absolute;left:0;right:42px;bottom:1px;font-size:9px;font-weight:normal;line-height:1.15;color:#4d5c44}
.card-mechanics .cm-stats{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;width:36px;max-width:36px;text-align:center}
.card-mechanics .cm-stat{display:block;min-height:20px;box-sizing:border-box;overflow:hidden;padding:2px 1px;background:#fcfbef;border:1px solid #859276;border-radius:3px;font-size:11px;font-weight:bold;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;color:#15220f;font-variant-numeric:tabular-nums}
.card-mechanics.cm-multi-stats{padding-bottom:53px}
.card-mechanics.cm-multi-stats .cm-footer{min-height:45px}
.card-mechanics.cm-compact{gap:4px;padding:5px 5px 27px}
.card-mechanics.cm-compact .cm-name{font-size:11px;line-height:1.15;-webkit-line-clamp:3;max-height:39px}
.card-mechanics.cm-compact .cm-mana{font-size:10px;max-height:24px}
.card-mechanics.cm-compact .cm-type{font-size:9px;max-height:26px}
.card-mechanics.cm-compact .cm-hint{font-size:8px;right:41px}
.card-hand .card-mechanics{gap:3px;padding:3px 3px 20px}
.card-hand .card-mechanics .cm-name{font-size:10px;line-height:1.1;-webkit-line-clamp:4;max-height:44px}
.card-hand .card-mechanics .cm-mana{font-size:9px;line-height:1.1;max-height:20px;letter-spacing:0}
.card-hand .card-mechanics .cm-type,.card-hand .card-mechanics .cm-hint{display:none}
.card-hand .card-mechanics .cm-footer{left:3px;right:2px;bottom:2px;min-height:16px}
.card-hand .card-mechanics .cm-stats{width:20px;max-width:20px;gap:1px}
.card-hand .card-mechanics .cm-stat{min-height:15px;padding:1px 0;border-radius:2px;font-size:9px;line-height:1.15}
.card-hand .card-mechanics.cm-multi-stats{padding-bottom:35px}
.card-hand .card-mechanics.cm-multi-stats .cm-footer{min-height:32px}
.card-mechanics.cm-covered{display:block;padding:0;background:#162d21;border-color:#637452}