/* Decorative 2026-27 Collector backs. The art contains no player-specific details. */
#collector-page .wc-card-back.wc-card-back-v2 {
    position:relative; container-type:inline-size; display:block;
    padding:0; gap:0; border:0; border-radius:2%; overflow:hidden;
    background:#071522; color:#f5f9ff; isolation:isolate;
    font-family:Arial,'Helvetica Neue',sans-serif;
}
#collector-page .wc-card-back-v2::before {
    position:absolute; inset:0; z-index:-1; content:''; pointer-events:none;
    border:0; clip-path:none;
    background:url('../images/collector/card-back-2026-27.webp') center / 100% 100% no-repeat;
    filter:var(--wc-back-art-filter,saturate(.5));
}

/* The illustration includes a printed bottom wolf. Soften that small area before
   layering the supplied standalone transparent logo (no badge or outline). */
#collector-page .wc-card-back-v2::after {
    content:''; position:absolute; z-index:0; pointer-events:none;
    left:32%; top:81%; width:36%; height:17.5%;
    background:linear-gradient(90deg,transparent,#081b2c 22%,#081b2c 78%,transparent);
    -webkit-mask-image:linear-gradient(to bottom,transparent,black 24%,black 77%,transparent);
    mask-image:linear-gradient(to bottom,transparent,black 24%,black 77%,transparent);
}

#collector-page .wc-card-back-v2.wc-back-gold { --wc-back-art-filter:none; --wc-back-accent:#e7c076; }
#collector-page .wc-card-back-v2.wc-back-platinum { --wc-back-art-filter:hue-rotate(38deg) saturate(.65); --wc-back-accent:#d2e4ff; }
#collector-page .wc-card-back-v2:not(.wc-back-gold):not(.wc-back-platinum) { --wc-back-accent:#c2d1df; }
#collector-page .wc-card-back-v2 .wc-back-edition-tag {
    position:absolute; top:2.9%; right:4.6%; width:42%; text-align:right;
    font-size:clamp(6px,2.2cqw,12px); letter-spacing:.18em;
    font-weight:900; color:var(--wc-back-accent); text-shadow:0 1px 3px #000;
}
#collector-page .wc-card-back-v2 .wc-back-portrait {
    position:absolute; left:6%; top:7.7%; width:26%; aspect-ratio:1; height:auto;
    border-radius:50%; overflow:hidden; border:1px solid #e4d6ba;
    background:#0a2030; box-shadow:0 0 0 2px #020a10b0,0 1px 5px #000a;
}
#collector-page .wc-card-back-v2 .wc-back-photo {
    width:100%; height:100%; object-fit:cover; object-position:center 24%;
    -webkit-mask-image:none; mask-image:none;
}
#collector-page .wc-card-back-v2 .wc-back-portrait::after { display:none; }
#collector-page .wc-card-back-v2 .wc-back-photo-fallback { font-size:clamp(6px,2.2cqw,11px); padding:6%; }
#collector-page .wc-card-back-v2 .wc-back-names {
    position:absolute; left:34%; top:13.1%; width:42%; height:10.8%;
    display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
    min-width:0; white-space:nowrap; overflow:hidden;
    font-family:Impact,'Arial Narrow','Roboto Condensed',Arial,sans-serif;
    text-transform:uppercase; line-height:1.02;
}
#collector-page .wc-card-back-v2 #wc-back-name-first { font-size:5cqw; letter-spacing:.11em; font-weight:800; }
#collector-page .wc-card-back-v2 #wc-back-name-last {
    max-width:100%; font-size:9.2cqw; letter-spacing:-.035em; font-weight:900;
    transform-origin:left center; /* JS also sets a safe fit factor for very long surnames. */
    background:linear-gradient(#fff 10%,#d9e1e7 45%,#718b9e 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
    -webkit-text-stroke:.25px #f0f4ff; filter:drop-shadow(1px 1px 1px #000);
}
#collector-page .wc-card-back-v2 .wc-back-number {
    position:absolute; left:81.2%; top:14.3%; width:14.5%; height:10.8%;
    display:grid; place-items:center; text-align:center; white-space:nowrap;
    font-family:Impact,'Arial Narrow','Roboto Condensed',Arial,sans-serif;
    font-size:11.2cqw; font-weight:900; font-stretch:condensed; letter-spacing:-.05em; line-height:1;
    overflow:hidden; font-variant-numeric:lining-nums tabular-nums;
    background:linear-gradient(170deg,#fff 8%,#e4e9f3 44%,#9aaaba 78%,#fff);
    -webkit-background-clip:text; background-clip:text; color:transparent;
    -webkit-text-stroke:.55px #dce7fa; filter:drop-shadow(1px 1px 1px #005a9e);
}
#collector-page .wc-card-back-v2 .wc-back-display-position {
    position:absolute; top:24.15%; left:35%; width:31%; height:3%;
    display:grid; place-items:center; text-align:center;
    font-size:clamp(7px,3.2cqw,14px); font-weight:900; letter-spacing:.11em; line-height:1;
    color:white; text-shadow:0 1px 2px #000;
}
#collector-page .wc-card-back-v2 .wc-back-data {
    position:absolute; top:33.7%; left:6%; width:93%; height:4.6%;
    display:grid; grid-template-columns:22% 24% 26% 28%; align-items:stretch;
    text-align:center; min-width:0;
}
#collector-page .wc-card-back-v2 .wc-back-data > div {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:1px; min-width:0; min-height:0; padding:0 2%; overflow:hidden;
}
#collector-page .wc-card-back-v2 .wc-back-data span {
    display:block; font-size:clamp(6px,2cqw,10px); font-weight:700;
    line-height:1.05; color:#9ee4ff;
}
#collector-page .wc-card-back-v2 .wc-back-data strong {
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
    width:100%; max-height:2.2em; overflow:hidden; overflow-wrap:anywhere;
    font-size:clamp(7px,2.65cqw,12px); font-weight:800; line-height:1.1;
    color:#f7fbff; text-overflow:ellipsis;
}
/* The illustrated calendar and map pin consume the left edge of these cells.
   Offset only the value text, preserving its line width and the live source. */
#collector-page .wc-card-back-v2 .wc-back-data > div:nth-child(n+3) strong {
    transform:translateX(2.2cqw);
}
#collector-page .wc-card-back-v2 .wc-back-data > div:last-child strong {
    font-size:clamp(6px,2.25cqw,11px);
}
@container (max-width:260px) {
    #collector-page .wc-card-back-v2 .wc-back-data > div:nth-child(3) strong {
        font-size:6px;
    }
    #collector-page .wc-card-back-v2 .wc-back-data > div:last-child strong {
        font-size:5.2px; transform:translateX(3cqw);
    }
    #collector-page .wc-card-back-v2 .wc-back-data > div:last-child span {
        font-size:5.5px; transform:translateX(1cqw);
    }
}
#collector-page .wc-card-back-v2 .wc-back-season {
    position:absolute; left:4.6%; top:42.1%; width:90.8%; height:13.2%;
    display:block; margin:0; min-width:0;
}
#collector-page .wc-card-back-v2 .wc-back-season > p {
    position:absolute; top:0; left:0; right:0; height:24%;
    margin:0; padding:0 2%; border:0; display:grid; place-items:center;
    color:#edf5ff; font-size:clamp(8px,3cqw,15px); line-height:1;
    font-weight:900; letter-spacing:.08em; text-align:center;
}
#collector-page .wc-card-back-v2 .wc-stats {
    position:absolute; top:22%; width:100%; height:70%; display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; padding:0;
}
#collector-page .wc-card-back-v2 .wc-stat {
    display:grid; grid-template-rows:47% 53%; gap:0; align-items:center;
    border:0; background:transparent; min-width:0; min-height:0;
}
#collector-page .wc-card-back-v2 .wc-stat span {
    display:grid; place-items:center; height:100%; min-width:0; padding:0;
    background:transparent; color:#0a1c30;
    font-size:clamp(7px,3.1cqw,15px); font-weight:900; line-height:1;
}
#collector-page .wc-card-back-v2 .wc-stat strong {
    display:grid; place-items:center; height:100%; min-width:0; padding:0;
    color:white; font-size:clamp(9px,5cqw,24px); font-weight:900; line-height:1;
    white-space:nowrap; overflow:hidden;
}
#collector-page .wc-card-back-v2 .wc-stats:not(:has(.wc-stat)) {
    position:absolute; top:30%; height:67%; display:grid; place-items:center;
    color:white; font-size:clamp(7px,2.7cqw,13px);
    line-height:1.2; text-align:center; padding:0 4%;
}
#collector-page .wc-card-back-v2 .wc-back-games-panel {
    position:absolute; left:4.6%; top:56.8%; width:90.8%; height:20.2%; min-width:0;
}
#collector-page .wc-card-back-v2 .wc-back-games-panel > p {
    height:19%; margin:0; padding:0; display:grid; place-items:center;
    font-size:clamp(8px,3.3cqw,16px); font-weight:900;
    line-height:1; letter-spacing:.12em; color:white;
}
#collector-page .wc-card-back-v2 .wc-back-games {
    height:81%; min-width:0; overflow:hidden;
    font-size:clamp(7px,2.25cqw,11px); line-height:1;
}
#collector-page .wc-card-back-v2 .wc-back-games-table {
    width:100%; height:100%; table-layout:fixed; border-collapse:collapse;
    color:#eaf7ff; font-variant-numeric:tabular-nums; line-height:1;
}
#collector-page .wc-card-back-v2 .wc-back-games-table th,
#collector-page .wc-card-back-v2 .wc-back-games-table td {
    border:0; padding:0 1px; text-align:center; overflow:hidden;
    text-overflow:ellipsis; white-space:nowrap; height:16.666%; line-height:1;
}
#collector-page .wc-card-back-v2 .wc-back-games-table th {
    color:#071425; font-weight:900; font-size:clamp(7px,2.25cqw,11px);
}
#collector-page .wc-card-back-v2 .wc-back-games-table th:first-child,
#collector-page .wc-card-back-v2 .wc-back-games-table td:first-child {
    width:17%;
}
#collector-page .wc-card-back-v2 .wc-back-games-table th:nth-child(2),
#collector-page .wc-card-back-v2 .wc-back-games-table td:nth-child(2) {
    width:37%;
}
#collector-page .wc-card-back-v2 .wc-back-games-table th:nth-child(n+3),
#collector-page .wc-card-back-v2 .wc-back-games-table td:nth-child(n+3) { width:11.5%; }
#collector-page .wc-card-back-v2 .wc-back-games-table td:nth-child(2) {
    text-align:left; padding-left:3px;
}
#collector-page .wc-card-back-v2 .wc-empty-game { opacity:.35; }
#collector-page .wc-card-back-v2 .wc-back-games.wc-no-games {
    display:grid; place-items:center; padding:0 5%; text-align:center;
    color:#cce0f5; line-height:1.3;
}
#collector-page .wc-card-back-v2 .wc-back-official-logo {
    position:absolute; left:35%; top:81.3%; width:30%; height:16.2%;
    z-index:1; display:grid; place-items:center; overflow:visible;
    border:0; border-radius:0; background:none; box-shadow:none;
}
#collector-page .wc-card-back-v2 .wc-back-official-logo img {
    display:block; width:100%; height:100%; object-fit:contain;
    object-position:center; filter:none;
}
#collector-page .wc-card-back-v2 .wc-back-footer-brand {
    position:absolute; top:91.2%; left:4%; width:92%; height:3.3%; z-index:2;
    display:flex; justify-content:space-between; gap:32%; align-items:center;
    font-size:clamp(7px,2.65cqw,13px); font-weight:900; letter-spacing:.1em;
    text-shadow:0 1px 2px #000; white-space:nowrap;
}
#collector-page .wc-card-back-v2 .wc-back-footer-brand span {
    flex:1; min-width:0; text-align:center;
}
@media (prefers-reduced-motion:reduce) { #collector-page .wc-card-back-v2 * { transition:none!important; } }