/* ═══════════════════════════════════════════════════════
   cards.css — Card design (assets/cards/sky.webp, the-wall.webp …)

   A flat card in the style colour with a black frame: style banner with
   icon top-left, stamina top-right, art, role + name, ability, and the
   "−1 to roll vs" weakness strip at the bottom.
     Power     coral  · lightning bolt
     Technical cyan   · compass
     Control   yellow · crosshair
     Support   green
   Cards with a finished face PNG (CARD_FACES in meta-config.js) show the
   image itself; every other card is composed in the same layout.

   · .pc         — full card (ui.js pdfCardHTML): detail sheet, pack reveal
   · .card.pcard — small face on the board (decorated in board.js)
   · .mc.nc      — collection / deck / pack tiles (meta.js mini)
   Loaded late; the :is(#…) prefix gives ID weight to beat older sheets.
   ═══════════════════════════════════════════════════════ */

:root{
  --cs-ink:#111214; --cs-paper:#fbf4ea;
  --cs-power-bg:#fda38b;     --cs-power:#f9523e;
  --cs-technical-bg:#6ef8f3; --cs-technical:#22c7c0;
  --cs-control-bg:#fce752;   --cs-control:#f5b400;
  --cs-all-bg:#ddd2ff;       --cs-all:#8f6bff;
  --cs-support-bg:#c9f5b0;   --cs-support:#4caf50;
  --cs-captain-bg:#ffd98a;   --cs-captain:#d08a00;
  --cs-down:#c42a2a;
  --font-face-title:'Barlow Condensed','Arial Narrow',var(--font-ui);
  --font-face-body:'Poppins',var(--font-ui);
  --ico-power:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14.5 1 4 14h7l-2 9L20 9.5h-7.2z'/></svg>");
  --ico-technical:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill-rule='evenodd'><path d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zM18 6l-4.3 7.7L6 18l4.3-7.7z'/></svg>");
  --ico-control:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill-rule='evenodd'><path d='M12 3.6a8.4 8.4 0 1 0 0 16.8 8.4 8.4 0 0 0 0-16.8zm0 2.5a5.9 5.9 0 1 1 0 11.8 5.9 5.9 0 0 1 0-11.8z'/><path d='M10.8 0h2.4v6.2h-2.4zM10.8 17.8h2.4V24h-2.4zM0 10.8h6.2v2.4H0zM17.8 10.8H24v2.4h-6.2zM10.9 8.6h2.2v6.8h-2.2zM8.6 10.9h6.8v2.2H8.6z'/></svg>");
  --ico-all:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='m12 1.8 3 6.6 7.2.8-5.4 4.9 1.5 7.1L12 17.6l-6.3 3.6 1.5-7.1-5.4-4.9 7.2-.8z'/></svg>");
}

/* Style glyph: any colour via currentColor */
.ico{display:inline-block;flex:none;width:1em;height:1em;background:currentColor;
  -webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;}
.ico-power{--ico:var(--ico-power);} .ico-technical{--ico:var(--ico-technical);}
.ico-control{--ico:var(--ico-control);} .ico-all{--ico:var(--ico-all);}
/* Weakness square colour */
.t-power{--wc:var(--cs-power);} .t-technical{--wc:var(--cs-technical);} .t-control{--wc:var(--cs-control);} .t-all{--wc:var(--cs-all);}

/* Colour per card */
:is(.pc,.card.pcard,.mc.nc){--bg:#e3e9ef;--ac:#93a3b6;--ink:var(--cs-ink);}
:is(.pc,.card.pcard,.mc.nc).st-power{--bg:var(--cs-power-bg);--ac:var(--cs-power);}
:is(.pc,.card.pcard,.mc.nc).st-technical{--bg:var(--cs-technical-bg);--ac:var(--cs-technical);}
:is(.pc,.card.pcard,.mc.nc).st-control{--bg:var(--cs-control-bg);--ac:var(--cs-control);}
:is(.pc,.card.pcard,.mc.nc).st-all{--bg:var(--cs-all-bg);--ac:var(--cs-all);}
:is(.pc.sup,.card.pcard.sup,.mc.nc.support){--bg:var(--cs-support-bg);--ac:var(--cs-support);}
.pc.cap{--bg:var(--cs-captain-bg);--ac:var(--cs-captain);}

/* ── Full card ──────────────────────────────────────── */
.pc{
  container-type:inline-size;position:relative;width:100%;aspect-ratio:1380/1988;box-sizing:border-box;overflow:hidden;
  background:var(--bg);border-radius:2.4%/1.7%;color:var(--ink);text-align:left;
  box-shadow:0 18px 40px #0b0f2a55;font-family:var(--font-face-body);
}
.pc:not(.face)::after{content:'';position:absolute;inset:0;z-index:4;border:1.7cqw solid var(--ink);border-radius:inherit;pointer-events:none;}
.pc-art{
  position:absolute!important;left:0!important;right:0!important;top:0!important;height:63%!important;margin:0!important;
  background-color:transparent!important;background-size:cover!important;background-position:center 15%!important;background-repeat:no-repeat!important;
  border:0!important;border-radius:0!important;
  -webkit-mask-image:linear-gradient(#000 70%,transparent 99%);mask-image:linear-gradient(#000 70%,transparent 99%);
}
.pc .pc-art::before{content:none!important;}
/* halftone dots where the art meets the card */
.pc .pc-art::after{content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;height:34%!important;border-radius:0!important;
  background:radial-gradient(circle,var(--ink) 34%,transparent 38%) 0 0/2.4cqw 2.4cqw!important;opacity:.28;}
.pc-style{
  position:absolute;top:3.8cqw;left:3.6cqw;z-index:2;display:flex;align-items:center;gap:3cqw;height:11cqw;padding:0 11cqw 0 3.2cqw;
  background:var(--ink);color:var(--ac);font:600 8.4cqw/1 var(--font-face-title);text-transform:uppercase;letter-spacing:.1cqw;
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
}
.pc-style .ico{width:8.4cqw;height:8.4cqw;}
.pc-stam{
  position:absolute;top:1.7cqw;right:1.7cqw;z-index:2;padding:3cqw 4cqw 1.6cqw 5cqw;background:var(--bg);
  border-bottom-left-radius:4cqw;text-align:center;color:var(--ink);
}
.pc-stam small{display:block;font:700 4.8cqw/1 var(--font-face-title);text-transform:uppercase;}
.pc-stam b{display:block;font:800 15cqw/.92 var(--font-face-title);}
.pc-stam.down b{color:var(--cs-down);}
.pc-text{position:absolute;left:5.5cqw;right:5.5cqw;top:57%;z-index:2;}
.pc-role{font:700 5cqw/1 var(--font-face-title);text-transform:uppercase;letter-spacing:.1cqw;}
.pc-name{margin-top:.6cqw;font:800 12.6cqw/.9 var(--font-face-title);text-transform:uppercase;letter-spacing:-.1cqw;overflow-wrap:anywhere;}
.pc-abn{margin:3.6cqw 0 0 .8cqw;font:700 6.2cqw/1.05 var(--font-face-title);}
.pc-abt{margin:1.8cqw 0 0 .8cqw;font:400 4.4cqw/1.42 var(--font-face-body);}
.pc.sup .pc-abt{margin:7cqw 0 0 3.5cqw;}
.pc-weak{
  position:absolute;left:5.5cqw;bottom:6.2cqw;z-index:2;display:flex;align-items:stretch;height:8.6cqw;
  border:.9cqw solid var(--ink);background:var(--cs-paper);color:var(--ink);
}
.pc-weak>span{display:flex;align-items:center;padding:0 5cqw 0 6cqw;font:500 5.2cqw/1 var(--font-face-title);white-space:nowrap;}
.pc-weak b{margin-left:1.2cqw;font-weight:800;text-transform:uppercase;}
/* coloured square + black glyph (full card, board chip, tile chip) */
:is(.pc-weak,.cwk,.mc-wk)>.ico{position:relative;height:auto;-webkit-mask:none;mask:none;background:var(--wc);}
.pc-weak>.ico{width:10cqw;}
:is(.pc-weak,.cwk,.mc-wk)>.ico::after{content:'';position:absolute;inset:16%;background:var(--cs-ink);
  -webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;}

/* Printed face */
.pc-face{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit;user-select:none;-webkit-user-drag:none;}
.pc-hot{position:absolute;z-index:1;pointer-events:none;}
.pc.face .pc-abn{left:5%;top:66.6%;width:62%;height:5.4%;margin:0;}
.pc.face .pc-abt{left:5%;top:72%;width:88%;height:12.5%;margin:0;}
.pc.face.sup .pc-abt{left:7.5%;top:71.6%;width:82%;height:14%;}
.pc.face.cap .pc-abn{left:5.5%;top:66.8%;width:62%;height:4.4%;}
.pc.face.cap .pc-abt{left:5.5%;top:71.8%;width:86%;height:9%;}
.pc.face .pc-weak{left:4.8%;top:88.6%;width:46.5%;height:6.2%;bottom:auto;border:0;background:none;}
.pc.face .pc-stam.live{top:3.2%;right:4.4%;width:14.6%;height:10.4%;padding:0;border-radius:1.2cqw;
  display:flex;flex-direction:column;align-items:center;justify-content:center;}
.pc-silenced{position:absolute;left:4%;right:4%;top:65.5%;height:20%;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:1.5cqw;
  box-sizing:border-box;padding:0 4cqw;background:color-mix(in srgb,var(--bg) 92%,#fff);border:.8cqw dashed var(--ink);}
.pc-silenced b{font:800 8cqw/1 var(--font-face-title);text-transform:uppercase;}
.pc-silenced span{font:400 4.4cqw/1.35 var(--font-face-body);}
/* Expanded Replay card mid-match: the die it will roll, over the art */
.pc-replay{position:absolute;left:12%;right:12%;top:18%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.5cqw;
  box-sizing:border-box;padding:3cqw 4cqw 3.5cqw;background:color-mix(in srgb,var(--bg) 94%,#fff);border:.8cqw solid var(--ink);
  border-radius:4cqw;box-shadow:0 1.5cqw 4cqw #0003;text-align:center;color:var(--ink);}
.pc-replay small{font:800 5cqw/1 var(--font-face-title);text-transform:uppercase;letter-spacing:.3cqw;}
.pc-replay i{display:flex;align-items:center;justify-content:center;width:17cqw;height:17cqw;border-radius:3.5cqw;
  background:#fff;border:.8cqw solid var(--ink);font:800 12cqw/1 var(--font-face-title);font-style:normal;}
.pc-replay b{font:800 7cqw/1 var(--font-face-title);text-transform:uppercase;}
.pc-replay span{font:400 4cqw/1.35 var(--font-face-body);}

/* ── Small board face ───────────────────────────────── */
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard{
  container-type:inline-size;
  background:var(--bg)!important;border:0!important;border-radius:6%/4.3%!important;padding:0!important;
  box-shadow:0 0 0 1.5px var(--cs-ink),0 3px 8px #1a224033!important;overflow:visible;
}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cart{
  position:absolute!important;inset:0!important;margin:0!important;padding:0!important;border-radius:inherit!important;
  overflow:hidden;background:var(--bg)!important;box-shadow:none!important;
}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cart-in{
  position:absolute!important;inset:0 0 auto 0!important;height:78%!important;border-radius:0!important;
  background-color:transparent!important;background-size:cover!important;background-position:center 15%!important;
  -webkit-mask-image:linear-gradient(#000 66%,transparent 99%);mask-image:linear-gradient(#000 66%,transparent 99%);
}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cart::after{content:none!important;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cart-emoji{display:none!important;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cart-in::before,
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cart-in::after{content:none!important;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard :is(.ccorner,.cstyle-badge){display:none!important;}

/* Style banner, top-left */
.card.pcard .cico{
  position:absolute;top:4cqw;left:4cqw;z-index:3;display:flex;align-items:center;height:15cqw;padding:0 7cqw 0 3.5cqw;
  background:var(--cs-ink);color:var(--ac);clip-path:polygon(0 0,100% 0,84% 100%,0 100%);pointer-events:none;
}
.card.pcard .cico .ico{width:10cqw;height:10cqw;}

/* Stamina, top-right */
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cst{
  position:absolute!important;top:0!important;right:0!important;left:auto!important;z-index:3;
  width:auto;height:auto;min-width:0!important;padding:2cqw 4.5cqw 1.5cqw 5.5cqw!important;border:0!important;
  border-radius:0 6cqw 0 6cqw!important;background:var(--bg)!important;box-shadow:none!important;clip-path:none!important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cst::before{content:none!important;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cst small{display:none;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cst b{
  font:800 21cqw/.9 var(--font-face-title)!important;color:var(--cs-ink)!important;-webkit-text-stroke:0!important;text-shadow:none!important;
}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cst.down b{color:var(--cs-down)!important;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cst .pips{display:none!important;}

/* Name, bottom-left */
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cfoot{
  position:absolute!important;left:6cqw!important;right:6cqw!important;bottom:5cqw!important;top:auto!important;z-index:2;
  background:none!important;padding:0!important;margin:0!important;border:0!important;display:block!important;text-align:left;
}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cfoot-row{display:block!important;margin:0!important;padding:0!important;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cfoot-row:has(> [class^="cweak"]),
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard :is([class^="cweak"],.cstam,.type-strip,.wk-line,.wk-pill,.type-ico){display:none!important;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard .cname{
  display:block!important;width:100%;max-width:none!important;overflow:visible!important;white-space:normal!important;
  font:800 16cqw/.88 var(--font-face-title)!important;color:var(--cs-ink)!important;text-transform:uppercase;letter-spacing:0;
  -webkit-text-stroke:0!important;text-shadow:none!important;overflow-wrap:anywhere;
}

/* Weakness chip, right edge */
.card.pcard .cwk{position:absolute;right:5cqw;top:55%;z-index:3;display:flex;width:15cqw;height:15cqw;
  box-shadow:0 0 0 1.2cqw var(--cs-ink);pointer-events:none;}
.card.pcard .cwk>.ico{width:100%;}

/* Printed face on the board: the image, with live stamina over the printed number */
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard.face{box-shadow:0 3px 8px #1a224033!important;}
.card.pcard .cface{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:fill;border-radius:inherit;pointer-events:none;user-select:none;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard.face :is(.cart,.cfoot,.cico,.cwk){display:none!important;}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard.face .cst{
  top:3.3%!important;right:4.6%!important;width:14.4%;height:10.2%;padding:0!important;border-radius:1.5cqw!important;
}
:is(#s-board,#dice-overlay,#discard-overlay,#modal-overlay,body) .card.pcard.face .cst b{font-size:14cqw!important;}
#s-board .card.bench-unavailable .cface{filter:saturate(.45);}

/* captain pill / discard pile thumbnails stay minimal */
:is(.cap-pill,.discard-pile) .card.pcard :is(.cst,.ccorner,.cstyle-badge,.cico,.cwk){display:none!important;}

/* ── Collection / pack tiles ────────────────────────── */
.mc.nc{container-type:inline-size;background:var(--bg);border-color:var(--cs-ink);}
.mc.nc .mc-art{inset:0 0 auto 0;height:76%;background-color:transparent!important;background-position:center 15%;
  -webkit-mask-image:linear-gradient(#000 66%,transparent 99%);mask-image:linear-gradient(#000 66%,transparent 99%);}
.mc.nc.face{border-color:transparent;background:var(--cs-ink);}
.mc.nc.face .mc-art{inset:0;height:auto;background-size:100% 100%;-webkit-mask-image:none;mask-image:none;}
.mc-ico{position:absolute;top:4cqw;left:4cqw;display:flex;align-items:center;height:14cqw;padding:0 7cqw 0 3.5cqw;
  background:var(--cs-ink);color:var(--ac);clip-path:polygon(0 0,100% 0,84% 100%,0 100%);}
.mc-ico .ico{width:9cqw;height:9cqw;}
.mc-stam{position:absolute;top:0;right:0;padding:2cqw 4.5cqw 1cqw 5.5cqw;border-bottom-left-radius:6cqw;background:var(--bg);
  font:800 19cqw/.9 var(--font-face-title);color:var(--cs-ink);}
.mc-nm{position:absolute;left:6cqw;right:6cqw;bottom:6cqw;font:800 14cqw/.9 var(--font-face-title);color:var(--cs-ink);
  text-transform:uppercase;overflow-wrap:anywhere;text-align:left;}
.mc-nm small{display:block;margin-bottom:1.5cqw;font:700 6.5cqw/1 var(--font-face-title);letter-spacing:.2cqw;}
.mc-wk{position:absolute;right:5cqw;top:55%;display:flex;width:13cqw;height:13cqw;box-shadow:0 0 0 1.2cqw var(--cs-ink);}
.mc-wk>.ico{width:100%;}
.mc.nc .mc-pip{top:auto;bottom:5px;right:5px;}
/* deck builder ✓ / + badge: below the stamina instead of over it */
#s-app[data-view="builder"] #bld-grid .mc.nc .mc-check{top:28%;}
.mc.nc.locked .mc-art{filter:grayscale(1)!important;opacity:.45!important;}
.mc.nc.locked :is(.mc-ico,.mc-stam,.mc-nm,.mc-wk){opacity:.5;}

/* ── Card detail overlay: the card, big, with actions under it ── */
#modal-overlay.open{align-items:center;justify-content:center;background:#0d1230b8;}
#modal-overlay .msheet.pc-sheet{
  background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  width:min(320px,84vw);max-width:none;max-height:none;padding:0!important;margin:auto;overflow:visible;
  display:flex;flex-direction:column;align-items:stretch;gap:14px;animation:pcIn .22s cubic-bezier(.2,.9,.3,1.2);
}
.pc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;}
#modal-overlay .pc-sheet #card-actions{display:flex;flex-direction:column;gap:8px;margin:0;}
#modal-overlay .pc-sheet #card-actions:empty{display:none;}
/* the card never pushes its actions or Close off a short screen (--acts: action area height, set in club.js) */
#modal-overlay.open{overflow-y:auto;}
#modal-overlay .msheet.pc-sheet{width:min(320px,84vw,calc((100dvh - 92px - var(--acts,0) * 1px) * .72));}
#modal-overlay .card-action-group{display:flex;flex-direction:column;gap:6px;}
#modal-overlay .card-action-label{font:800 10.5px var(--font-ui,inherit);letter-spacing:1px;text-transform:uppercase;color:#fff;text-align:center;opacity:.9;}
#modal-overlay .card-action-row{display:flex;gap:6px;}
#modal-overlay .card-action-row .btn{flex:1;min-width:0;margin-top:0;padding-left:6px;padding-right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#modal-overlay .pc-sheet .mbtns{margin:0;}
#modal-overlay .pc-sheet .mbtn{width:100%;background:#ffffffe8;color:#1f2a44;border:0;}
@keyframes pcIn{from{transform:scale(.85);opacity:0;}to{transform:none;opacity:1;}}

/* Collection inspection sheet */
.pc-hero{width:min(280px,76vw);margin:4px auto 14px;}
.pc-hero.locked :is(.pc-art,.pc-face){filter:grayscale(1);}
.card-inspection > .cd-chips{justify-content:center!important;margin:0 0 8px!important;}

/* Turn restrictions share the tabletop's soft surfaces and slate ink. */
#s-board .bench-restriction{
  position:absolute;inset:0;z-index:5;border-radius:inherit;
  display:flex;align-items:center;justify-content:center;
  background:rgba(32,54,77,.2);color:var(--ui-text);
  text-align:center;font-family:var(--font-ui);pointer-events:none;
}
#s-board .bench-restriction-badge{
  display:flex;align-items:center;justify-content:center;gap:3px;
  padding:5px 4px;border:1px solid #ffffffd9;border-radius:6px;
  background:#f3f7faed;box-shadow:0 2px 5px #20364d18;
}
#s-board .bench-restriction svg{width:11px;height:11px;flex:none;}
#s-board .bench-restriction strong{font-size:8px;line-height:1.2;font-weight:800;white-space:nowrap;}
#s-board .bench-reserved{background:#eaf2f880;box-shadow:inset 0 0 0 1px #ffffffb3;}
#s-board .bench-reserved .bench-restriction-badge{
  flex-direction:column;gap:5px;padding:0;border:0;background:none;box-shadow:none;
}
#s-board .bench-reserved svg{width:19px;height:19px;color:var(--ui-muted);margin-bottom:2px;}
#s-board .bench-reserved span{font-size:7px;line-height:1.2;color:var(--ui-muted);}
#s-board .card.bench-unavailable{isolation:isolate;}
#s-board .card.bench-unavailable .cart-in{filter:saturate(.45);}

/* long-press on a draggable card: no iOS callout / text selection stealing the touch */
[draggable="true"]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}

/* Card peek (js/card-zoom.js): hover / long-press a printed card to read it bigger */
.mc,.card.face{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
.card-peek{position:fixed;z-index:9999;pointer-events:none;border-radius:14px;overflow:hidden;
  box-shadow:0 18px 44px #10243066,0 0 0 3px #fff;background:#fff;animation:cardPeekIn .14s ease-out;}
.card-peek img{display:block;width:100%;height:100%;object-fit:cover;}
.card-peek-stam{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;
  background:#1f3442e6;color:#fff;font:600 12px/1 var(--font-ui,sans-serif);white-space:nowrap;}
.card-peek-stam b{color:#ffb4a8;font-size:14px;}
@keyframes cardPeekIn{from{opacity:0;transform:scale(.92);}}
@media(prefers-reduced-motion:reduce){.card-peek{animation:none;}}