/* A keeper's tank as a playing card (templates/web/_tank_card.html). Same shape as the fish cards: 63:88. */
.tkc{position:relative;width:250px;max-width:100%;aspect-ratio:63/88;display:flex;flex-direction:column;gap:6px;padding:9px;
  border:3px solid #0E3B43;border-radius:14px;background:linear-gradient(180deg,#F2FAF8,#E2F1EE);color:var(--text);box-shadow:0 6px 18px rgba(14,59,67,.14);overflow:hidden}
.tkc-link{position:absolute;inset:0;z-index:2;border-radius:12px}
.tkc:has(.tkc-link):hover{border-color:var(--accent);transform:translateY(-2px);transition:transform .15s}
.tkc-bar{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.tkc-bar h3{margin:0;font-family:var(--serif);font-weight:800;font-size:18px;line-height:1.1;color:var(--brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tkc-gal{flex:none;font-size:12px;color:var(--muted)} .tkc-gal b{font-family:var(--serif);font-size:20px;color:var(--brand)}
.tkc-art{position:relative;flex:1 1 0;min-height:0;border:2px solid #0E3B43;border-radius:0;overflow:hidden;
  background:linear-gradient(180deg,#BFE6EF 0%,#6FC1CF 70%,#E3CF9E 70%,#D8BF85 100%)}
.tkc-art img{width:100%;height:100%;object-fit:cover;display:block}
.tkc-art > span:not(.tkc-demo){position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:#0E3B43}
.tkc-demo{position:absolute;top:6px;left:6px;background:var(--sun);color:var(--sun-ink);font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px}
.tkc-type{margin:0;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#fff;background:#0E3B43;padding:3px 8px;border-radius:4px}
.tkc-chip{background:#3FB8A8;color:#05302F;border-radius:999px;padding:0 7px;font-size:11px}
.tkc-stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
.tkc-stats div{background:rgba(255,255,255,.75);border-radius:6px;padding:2px 7px;display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.tkc-stats dt{font-size:11px;color:var(--muted)} .tkc-stats dd{margin:0;font-size:13.5px;font-weight:800;color:var(--brand)}
.tkc .na{color:var(--faint);font-weight:600}
.tkc-goal{background:#FFF6D8;border:2px solid #D9A400;border-radius:8px;padding:4px 8px}
.tkc-goal p{margin:0} .tkc-gl{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7A5C00}
.tkc-gn{font-weight:800;font-size:13.5px;color:#3D2B00} .tkc-gt{font-size:11px;line-height:1.25;color:#5A4700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tkc-foot{font-size:11px;color:var(--muted);text-align:center}
.tkc-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;justify-items:center}
.tkc-grid li{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}
.tkc-grid .tkc{width:100%;max-width:260px}
.tankhead .tkc{flex:none}
@media (max-width:560px){.tkc-grid{grid-template-columns:1fr 1fr;gap:12px}.tkc{padding:7px;gap:4px}.tkc-bar h3{font-size:15px}.tkc-gal b{font-size:16px}.tkc-stats{grid-template-columns:1fr}.tkc-gt{display:none}}

/* The game: every tank's card, pinned to the top-right corner of its aquarium (play.html tankCard). */
.fr-tank.has-tcard .fr-tankhead{padding-right:96px;min-height:112px}
.fr-tank .fr-tcard{position:absolute;top:8px;right:8px;z-index:2;width:84px;aspect-ratio:63/88;display:flex;flex-direction:column;gap:2px;padding:6px 6px 5px;
  border:2px solid #0E3B43;border-radius:8px;background:linear-gradient(180deg,var(--w1,#D7F0F5),var(--w2,#A9D7E4));
  box-shadow:0 3px 10px rgba(14,59,67,.25);transform:rotate(2deg);transform-origin:top right;transition:transform .15s;cursor:default}
.fr-tcard::after{content:"";position:absolute;top:-6px;left:50%;width:22px;height:9px;margin-left:-11px;background:rgba(255,255,255,.75);border:1px solid rgba(14,59,67,.2);transform:rotate(-4deg)}
.fr-tcard p{margin:0;line-height:1.1}
.fr-tk{font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0E3B43;opacity:.75}
.fr-tn{font-family:var(--serif);font-weight:800;font-size:11.5px;color:var(--brand)}
.fr-tg{font-size:10px;color:#0E3B43;margin-top:auto!important} .fr-tg b{font-family:var(--serif);font-size:22px;color:var(--brand)}
.fr-tw{display:flex;flex-wrap:wrap;gap:2px;font-size:9.5px;font-weight:700;color:#0E3B43}
.fr-tw span{background:rgba(255,255,255,.75);border-radius:999px;padding:0 5px}
@media (hover:hover){.fr-tank .fr-tcard:hover{transform:scale(1.7);z-index:5}}
.fr-seat.cpu .fr-tcard{width:76px}
.fr-seat.cpu .fr-tank.has-tcard .fr-tankhead{padding-right:86px;min-height:100px}
@media (max-width:640px){.fr-tank .fr-tcard{width:72px;padding:5px}.fr-tank.has-tcard .fr-tankhead{padding-right:82px;min-height:96px}.fr-tg b{font-size:18px}}
/* Cichlid pack tanks (no tint in ftb.css yet) */
.t-malawi{--w1:#D4EEFA;--w2:#6FB6DE}
.t-shells{--w1:#F4EEDC;--w2:#CFC29A}
.t-central{--w1:#DDEFE6;--w2:#8FC2A6}