/* Selected option B: cut-corner graphite armor, red accents, bespoke emblem. */
.card {
  padding:1px;
  border:0;
  border-radius:0;
  clip-path:polygon(0 0,86% 0,100% 11%,100% 100%,14% 100%,0 89%);
  background:linear-gradient(135deg,#a52224,#696969 30%,#383838 76%,#a32325);
  box-shadow:none;
}
.card.active { border:0;background:linear-gradient(130deg,#ff373b,#a7a7a7 36%,#545454 64%,#ff272a);box-shadow:none; }
.card-shell {
  display:flex;
  flex-direction:column;
  position:relative;
  height:100%;width:100%;min-height:0;
  padding:6%;
  clip-path:polygon(0 0,86% 0,100% 11%,100% 100%,14% 100%,0 89%);
  background:linear-gradient(125deg,#2d2d2d,#1d1d1d 67%);
}
.card-shell::before { content:'';position:absolute;left:0;top:9%;width:2px;height:17%;background:#ed1f22;box-shadow:0 0 7px #fa1e2066; }
.card.active .card-shell::before { height:29%;background:#ff3338; }
.card-top { height:8%; }
.card-number { color:#aeaeae; }
.card-mini-icon { color:#f02f32; }
.card-art { position:relative;display:block;background:none!important;mask-image:none;margin:2% 0 0;flex:1;min-height:0; }
.card-art::before { content:attr(data-series);position:absolute;top:2%;left:0;color:transparent;-webkit-text-stroke:1px #ffffff09;font:bold clamp(20px,5vw,80px)/1 Arial,sans-serif;letter-spacing:-.08em; }
.armor-graphic { display:block!important;position:absolute;inset:0; }
.armor-frame { position:absolute;inset:0;width:100%;height:100%; }
.armor-symbol { display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:46%;width:21%;height:27%;transform:translate(-50%,-50%);color:#fff2ec;filter:drop-shadow(0 2px 1px #70050680); }
.armor-symbol svg,.armor-symbol img { display:block;width:100%;height:100%;object-fit:contain; }
.armor-symbol svg path[fill="#ffffff"] { fill:#8a0d0f; }
.armor-symbol.is-merch { width:31%;height:40%; }
.card-caption { border-top:1px solid #ee222433;padding-top:7%;margin-top:3%; }
.card-kicker { color:#ad3236;letter-spacing:.06em; }
.card-title { font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(6px,.85vw,13px);font-weight:500;letter-spacing:.3px;color:#ebebeb; }
.card-bottomline { display:flex;align-items:center;justify-content:space-between;margin-top:6%;color:#bd3439;font-size:clamp(3px,.3vw,5px);letter-spacing:.6px; }
.card-bottomline b { font-size:clamp(6px,.8vw,11px);color:#ff2c2f;font-weight:400; }
@media(max-width:599px) { .card-shell{padding:7%}.card-title{font-size:8px}.card-bottomline{font-size:3px}.card-bottomline b{font-size:8px}.card-art::before{font-size:44px} }

/* Preview combination: original artwork inside the selected Armor frame. */
.cards-original-art .card-art {
  background-image:url('assets/card-art-atlas.png')!important;
  background-repeat:no-repeat!important;
  background-size:300% 200%!important;
  mask-image:linear-gradient(#000000 91%,transparent 100%);
}
.cards-original-art .art-0 { background-position:0% 0%!important; }
.cards-original-art .art-1 { background-position:50% 0%!important; }
.cards-original-art .art-2 { background-position:100% 0%!important; }
.cards-original-art .art-3 { background-position:0% 100%!important; }
.cards-original-art .art-4 { background-position:50% 100%!important; }
.cards-original-art .art-5 { background-position:100% 100%!important; }
.cards-original-art .card-art::before,
.cards-original-art .armor-graphic { display:none!important; }

/* Actual deployed social cards: original icons, copy and links in Armor shells. */
.cards-deployed-content .card-shell { justify-content:center;padding:clamp(12px,1.7vw,24px);background:linear-gradient(125deg,#222,#121212 70%); }
.cards-deployed-content .card { width:29%;height:16%; }
.cards-deployed-content a.card { color:inherit;text-decoration:none;cursor:pointer; }
.cards-deployed-content .card,.cards-deployed-content .card-shell { clip-path:polygon(0 0,93% 0,100% 17%,100% 100%,7% 100%,0 83%); }
.deployed-card { display:grid;grid-template-columns:36px minmax(0,1fr) 12px;gap:12px;align-items:center;width:100%; }
.cards-deployed-content .deployed-card { opacity:var(--reveal,0); }
.peek-label { position:absolute;top:0;bottom:0;width:43%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:7px 4px;text-align:center;color:#fff;font-size:clamp(10px,1.05vw,15px);font-weight:600;line-height:1.25;opacity:calc(1 - var(--reveal,0));pointer-events:none; }
.curve-left .peek-label { left:0;width:34%; }
.curve-right .peek-label { right:0;width:34%; }
.merch-card .peek-label { right:0;width:36%;gap:0;font-size:clamp(11px,1.15vw,16px);font-weight:600;line-height:1.25;letter-spacing:.1px;isolation:isolate; }
.merch-card .peek-label>span:last-child { position:relative;z-index:1;align-self:stretch;margin-top:auto;padding:8px 3px 10px;color:#fff;background:linear-gradient(transparent,#101010ee 35%);text-shadow:0 1px 4px #000; }
.merch-card .peek-icon { position:absolute;z-index:-1;top:3%;right:0;width:100%;height:94%;opacity:.56;filter:drop-shadow(0 2px 3px #0008); }
.merch-card .peek-icon img { object-fit:contain; }
.peek-icon { display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#ff4b58; }
.peek-icon svg,.peek-icon img { display:block;width:100%;height:100%;object-fit:contain; }
.qr-card-content{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:var(--reveal,0);width:100%;text-align:center;pointer-events:none}
.tng-card.active .qr-card-content{pointer-events:auto}
.tng-card .card-shell{padding:16px;clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,5% 100%,0 95%)}
.qr-card-content strong{font-size:15px;color:#fff}
.qr-card-note{font-size:9px;color:#c4c4c4;letter-spacing:.6px}
.tng-qr{display:block;width:100%;height:auto;aspect-ratio:1;background:white;border:6px solid white;border-radius:4px;object-fit:contain;filter:none}
.save-qr{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;border:1px solid #ff5965;border-radius:5px;background:#bf2031;color:white;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}
.save-qr:hover{background:#e12a3e}
.qr-save-status{font-size:8px;line-height:1.3;color:#e5e5e5;min-height:11px}
.deployed-icon { display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #703037;border-radius:7px;background:#2a1416;color:#ff4b58;padding:8px; }
.deployed-icon svg,.deployed-icon img { display:block;width:100%;height:100%;object-fit:contain; }
.deployed-icon:has(img) { padding:2px;background:#1f1f1f; }
.deployed-copy { display:flex;flex-direction:column;gap:7px;min-width:0; }
.deployed-title { font-family:Georgia,'Times New Roman',serif;font-weight:bold;font-size:clamp(11px,1.15vw,16px);line-height:1.25;color:#fff; }
.deployed-desc { font-size:clamp(8px,.72vw,10px);line-height:1.5;color:#bdbdbd; }
.deployed-arrow { font-size:clamp(7px,1.1vw,16px);color:#958795;align-self:start; }
@media(max-width:599px) {
  .cards-deployed-content .card { width:43%;height:16%; }
  .cards-deployed-content .card-shell { padding:10px; }
  .deployed-card { grid-template-columns:24px minmax(0,1fr);gap:7px; }
  .deployed-icon { width:24px;height:24px;padding:5px;border-radius:5px; }
  .deployed-title { font-size:8px; }
  .deployed-desc { font-size:5px;line-height:1.5; }
  .deployed-copy { gap:5px; }
  .deployed-arrow { display:none; }
  .peek-label { font-size:8px;gap:5px; }
  .peek-icon { width:20px;height:20px; }
}