/* MTG Arena–style battlefield tiles: art fills the tile; name, keywords and power/toughness sit on top of it. */
.card.tile{--lift:0px;--tilt:0deg;position:relative;display:block;padding:0;overflow:hidden;background:#203b4c;border:2px solid var(--accent);border-radius:10px;transform:translateY(var(--lift)) rotate(var(--tilt));transition:transform .18s,opacity .18s,box-shadow .18s}
.board-row .card.tile{aspect-ratio:3/4;height:auto}
.card.tile:hover:not(:disabled),.card.red.tile:hover:not(:disabled){background:#203b4c;transform:translateY(var(--lift)) rotate(var(--tilt));box-shadow:0 0 0 2px #fff,0 6px 16px #17354440}
.card.tile .art{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;background-size:cover;background-position:center 30%}
.tile-name{position:absolute;left:0;right:0;top:0;padding:4px 7px 5px;font:600 .875rem/1.1 'Barlow Condensed','Arial Narrow',sans-serif;color:#fff;background:#0d1a22c7;text-shadow:0 1px 2px #000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card.tile .tile-pt{position:absolute;right:4px;bottom:4px;margin:0;padding:1px 6px;font-size:.9375rem;line-height:1.25;background:#f7fafc;color:#182b3a;border:1px solid #b2c3ce;border-radius:5px;box-shadow:0 1px 4px #0006}
.tile-pt .hurt{color:#c94350}
.tile-kind{position:absolute;right:4px;bottom:4px;padding:2px 7px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#0d1a22c7;border-radius:5px}
.tile-keywords{position:absolute;left:4px;bottom:5px;display:flex;gap:3px}
.tile-keywords span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0d1a22cc;border:1px solid #ffffff55}
.tile-keywords svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile-sick{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#0d1a22b3;color:#fff;font:700 1.1rem/1 'Barlow Condensed',sans-serif;letter-spacing:.02em}
.tile-sick small{font-size:.75rem;vertical-align:super}
.card.tile.sick .art{filter:saturate(.55) brightness(.85)}
.card.tile .card-status,.board-row .card.tile .card-status{position:absolute;left:4px;right:4px;top:auto;bottom:32px;padding:2px 6px;border-radius:4px;background:#0d1a22d9;color:#f3d9a4;font-size:.6875rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Tapped keeps today's small tilt; attackers step toward the opponent. */
.card.tile.tapped{--tilt:4deg;opacity:.8}
.card.tile.mine.attack-selected{--lift:-6px}
.card.tile.theirs.attack-selected{--lift:6px}
@media(prefers-reduced-motion:reduce){.card.tile{transition:none}}