/* DreamDraft player card, Classic edition (profile sidebar and profile editor preview). */
@font-face{font-family:"PC Graduate";src:url('/assets/cards/fonts/graduate-v1.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PC Barlow";src:url('/assets/cards/fonts/barlow-condensed-600-v1.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

.player-card-slot{display:grid;justify-items:center;gap:16px;margin:6px 0 4px}
.player-card-slot .pc-flip{width:auto;min-width:150px}
/* The sidebar sheet gives the card most of its width so the back stays readable. */
.profile-sidebar .social-sheet:has(.player-card-slot){padding-left:12px;padding-right:12px}
.profile-sidebar .social-sheet:has(.player-card-slot)>h2,.profile-sidebar .social-sheet:has(.player-card-slot)>.profile-share{padding-left:14px;padding-right:14px}
/* The editor preview sits on the dark stadium ground. */
.edit-preview .player-card-slot .pc-flip{background:#193451;color:#e4edf7;border-color:#718aa6}
.edit-preview .player-card-slot .pc-flip:hover{background:#21456b}

.pc-card{
  --pc-cream:#fff1cf;--pc-orange:#ff5b20;--pc-gx:50;--pc-gxb:50;--pc-gy:30;--pc-tilt:0;
  width:min(100%,340px);aspect-ratio:5/7;position:relative;perspective:1500px;container-type:inline-size;
  touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;
}
.pc-card:focus-visible{outline:none}
.pc-card:focus-visible .pc-body{outline:3px solid #1d5fbf;outline-offset:6px}
.pc-card.is-grabbing{cursor:grabbing}
.pc-shadow{position:absolute;left:9%;right:9%;bottom:-2.5%;height:11%;border-radius:50%;background:rgba(10,20,36,.42);filter:blur(14px);transform:translate(var(--pc-sx,0px),var(--pc-sy,8px)) scale(var(--pc-ss,1))}
.pc-body{position:absolute;inset:0;transform-style:preserve-3d;border-radius:4.6cqw;will-change:transform}
.pc-face{position:absolute;inset:0;margin:0;border-radius:4.6cqw;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.1px)}
.pc-face.pc-back{transform:rotateY(180deg) translateZ(.1px)}
.pc-glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.player-card-slot .pc-card p{margin:0;padding:0;color:inherit;font-size:inherit;line-height:inherit;max-width:none}
.pc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Front: matte cream stock, the player photo, a navy nameplate and the player-mark shield */
.pc-front{
  background-color:#f1e7d0;background-image:url('/assets/cards/paper-v1.svg'),linear-gradient(160deg,#f6eedb,#ece0c4);
  background-size:180px 180px,100% 100%;background-blend-mode:multiply,normal;
  box-shadow:inset 0 0 0 .4cqw rgba(255,255,255,.35),inset 0 0 7cqw rgba(110,80,30,.16);
}
.pc-art{position:absolute;left:5.2cqw;right:5.2cqw;top:5.2cqw;height:101cqw;border-radius:1.6cqw;overflow:hidden;background:#0a1322;box-shadow:0 0 0 .62cqw #142b43}
.pc-art svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.pc-art::after{content:"";position:absolute;inset:1.1cqw;border-radius:.9cqw;pointer-events:none;border:.28cqw solid rgba(255,241,207,.5)}
.pc-maker{position:absolute;top:3.4cqw;right:3.6cqw;width:26cqw;height:auto;filter:drop-shadow(0 .5cqw .9cqw rgba(0,0,0,.55))}
.pc-plate{position:absolute;left:5.2cqw;right:5.2cqw;top:104.6cqw;bottom:5.2cqw;border-radius:0 0 1.6cqw 1.6cqw;padding:2.2cqw 4cqw 0 30.5cqw;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#142b43;color:var(--pc-cream)}
.pc-plate::before{content:"";position:absolute;left:0;right:0;top:0;height:1.05cqw;background:var(--pc-orange)}
.player-card-slot .pc-card .pc-plate-name{font:400 10.4cqw/1 Anton,"Arial Narrow",sans-serif;letter-spacing:.012em;text-transform:uppercase;white-space:nowrap;padding-bottom:.4cqw}
.player-card-slot .pc-card .pc-plate-sub{margin-top:1.4cqw;font:600 3.45cqw/1.15 "PC Barlow","Arial Narrow",sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,241,207,.82)}
.pc-badge{position:absolute;left:6.8cqw;top:96.4cqw;width:20cqw;height:23.5cqw;filter:drop-shadow(0 .9cqw 1.2cqw rgba(4,10,20,.5))}
.pc-badge-ring,.pc-badge-core{position:absolute;clip-path:polygon(0 0,100% 0,100% 73%,50% 100%,0 73%)}
.pc-badge-ring{inset:0;background:var(--pc-cream)}
.pc-badge-core{inset:1cqw 1cqw 1.25cqw;background:var(--pc-accent);color:var(--pc-accent-ink);display:grid;place-items:center;padding-bottom:3.2cqw}
.pc-badge-core svg{width:10.5cqw;height:10.5cqw;display:block}
.pc-initials{font:400 7.4cqw/1 "PC Graduate",serif;letter-spacing:.02em}
.pc-initials.is-three{font-size:5.2cqw;letter-spacing:0}
.pc-front .pc-glare{background:radial-gradient(farthest-corner circle at calc(var(--pc-gx)*1%) calc(var(--pc-gy)*1%),rgba(255,250,236,.22),rgba(255,250,236,0) 46%);mix-blend-mode:soft-light;opacity:calc(.35 + var(--pc-tilt)*.65)}

/* Back: two-color navy and orange print on tan chipboard */
.pc-back{
  --pc-print:#1b2c48;--pc-print-2:#b2461f;color:var(--pc-print);
  background-color:#cfbd98;background-image:url('/assets/cards/chipboard-v1.svg'),linear-gradient(170deg,#d6c5a2,#c6b38c);
  background-size:220px 220px,100% 100%;background-blend-mode:multiply,normal;box-shadow:inset 0 0 6cqw rgba(80,55,20,.22);
}
.pc-back::before{content:"";position:absolute;inset:2.4cqw;border:.32cqw solid var(--pc-print);border-radius:2.6cqw;opacity:.85;pointer-events:none}
.pc-b-wrap{position:absolute;inset:4.4cqw;display:flex;flex-direction:column;gap:2.6cqw}
.pc-b-head{display:grid;grid-template-columns:20cqw 1fr;gap:3.4cqw;align-items:center}
.pc-b-disc{width:20cqw;height:20cqw;border-radius:50%;display:grid;place-items:center;position:relative;background:var(--pc-print-2);color:#fff4dc}
.pc-b-disc::after{content:"";position:absolute;inset:1.1cqw;border-radius:50%;border:.28cqw solid rgba(255,244,220,.75)}
.pc-b-disc span{font:400 9.4cqw/1 "PC Graduate",serif;letter-spacing:-.01em}
.pc-b-disc svg{width:10cqw;height:10cqw}
.pc-b-disc .pc-initials{font-size:7cqw}
.pc-b-disc .pc-initials.is-three{font-size:5.4cqw}
.pc-b-id{min-width:0}
.player-card-slot .pc-card .pc-b-name{font:400 8.6cqw/1 Anton,"Arial Narrow",sans-serif;letter-spacing:.012em;text-transform:uppercase;white-space:nowrap;padding-bottom:.3cqw}
.player-card-slot .pc-card .pc-b-role{margin-top:1.2cqw;font:600 3.2cqw/1.15 "PC Barlow","Arial Narrow",sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-card-slot .pc-card .pc-b-tag{margin-top:1.5cqw;font:italic 500 3.25cqw/1.3 Bitter,Georgia,serif;text-wrap:balance}
.pc-b-facts{display:grid;grid-template-columns:1fr 1.45fr .8fr;margin:0;padding:1.5cqw 0;border-top:.32cqw solid var(--pc-print);border-bottom:.32cqw solid var(--pc-print)}
.pc-b-facts div{padding:0 1.6cqw;min-width:0}
.pc-b-facts div+div{border-left:.22cqw solid var(--pc-print)}
.pc-b-facts dt{font:600 2.55cqw/1.1 "PC Barlow","Arial Narrow",sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.82}
.pc-b-facts dd{margin:.6cqw 0 0;font:600 3.5cqw/1.12 "PC Barlow","Arial Narrow",sans-serif;letter-spacing:.03em;text-transform:uppercase}
.pc-table{width:100%;border-collapse:collapse;font:600 3.5cqw/1.1 "PC Barlow","Arial Narrow",sans-serif;font-variant-numeric:tabular-nums lining-nums;color:var(--pc-print)}
.pc-table caption{text-align:left;font:400 4.1cqw/1 Anton,"Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:1.3cqw 2cqw 1.1cqw;caption-side:top;background:var(--pc-print-2);color:#fff4dc}
.pc-table th,.pc-table td{padding:1.25cqw 1.4cqw;text-align:right;white-space:nowrap;border:0}
.pc-table thead th{font-size:2.55cqw;letter-spacing:.13em;text-transform:uppercase;padding-top:1.4cqw;padding-bottom:1.1cqw;background:rgba(27,44,72,.1)}
.pc-table th[scope=row]{text-align:left;letter-spacing:.06em;text-transform:uppercase}
.pc-table th[scope=row] small{font-size:2.3cqw;letter-spacing:.1em;opacity:.75;margin-left:1cqw}
.pc-table thead th:first-child{text-align:left}
.pc-table tbody tr+tr th,.pc-table tbody tr+tr td{border-top:.2cqw solid rgba(27,44,72,.32)}
.pc-table tfoot th,.pc-table tfoot td{border-top:.42cqw solid var(--pc-print);padding-top:1.4cqw}
.pc-table td.pc-none{font-size:2.8cqw;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.player-card-slot .pc-card .pc-wait{min-height:36cqw;display:grid;place-items:center;padding:4cqw;font:italic 500 3.4cqw/1.4 Bitter,Georgia,serif;text-align:center;border-top:.32cqw solid var(--pc-print);border-bottom:.32cqw solid var(--pc-print)}
.pc-b-trophies{display:flex;flex-direction:column;gap:1.4cqw;min-height:0}
.player-card-slot .pc-card .pc-b-label{font:400 3.5cqw/1 Anton,"Arial Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.pc-b-trophies ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw}
.pc-b-trophies li{display:grid;justify-items:center;gap:.9cqw;text-align:center;margin:0}
.pc-b-trophies img{width:18cqw;height:18cqw;object-fit:contain;display:block;filter:grayscale(1) sepia(.35) contrast(1.15) brightness(.86);mix-blend-mode:multiply}
.pc-b-trophies li span{font:600 2.55cqw/1.1 "PC Barlow","Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.player-card-slot .pc-card .pc-empty{font:italic 500 3cqw/1.35 Bitter,Georgia,serif}
.pc-b-foot{margin-top:auto;display:flex;align-items:flex-end;gap:3cqw}
.player-card-slot .pc-card .pc-b-foot p{flex:1;font:600 2.45cqw/1.25 "PC Barlow","Arial Narrow",sans-serif;letter-spacing:.04em}
.pc-wordmark{font:400 4.2cqw/1 Anton,"Arial Narrow",sans-serif;letter-spacing:.01em;white-space:nowrap}
.pc-wordmark b{font-weight:400;color:var(--pc-print-2)}
.pc-back .pc-glare{background:radial-gradient(farthest-corner circle at calc(var(--pc-gxb)*1%) calc(var(--pc-gy)*1%),rgba(255,248,230,.18),rgba(255,248,230,0) 50%);mix-blend-mode:soft-light;opacity:calc(.3 + var(--pc-tilt)*.7)}

/* Card color swatches right under the card: the jersey with its trim and lettering, the chosen one ringed in orange. */
.pc-colors{width:min(100%,340px);margin:0 auto;text-align:center}
.pc-colors-title{margin:0 0 10px;font-size:15px;font-weight:700;line-height:1.3;color:#142b43}
.pc-colors-title span{font-weight:500}
.pc-colors-title small{margin-left:4px;font-size:13px;font-weight:500;opacity:.78}
.pc-swatches{display:grid;grid-template-columns:repeat(6,minmax(26px,40px));justify-content:center;gap:10px}
.pc-swatch{width:100%;height:auto;aspect-ratio:1;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:linear-gradient(135deg,var(--pc-swatch) 0 56%,var(--pc-swatch-trim) 56% 64%,var(--pc-swatch-letter) 64%);
  box-shadow:inset 0 0 0 1px rgba(10,20,36,.3);transition:box-shadow .15s ease,transform .15s ease}
.pc-swatch:hover{transform:translateY(-2px)}
.pc-swatch[aria-pressed="true"]{box-shadow:inset 0 0 0 1px rgba(10,20,36,.3),0 0 0 3px #faf7ee,0 0 0 6px #f26a2c}
.pc-swatch:focus-visible{outline:3px solid #1d5fbf;outline-offset:7px}
.pc-swatch:disabled{cursor:progress;opacity:1}
.pc-colors-status{min-height:1.45em;margin:8px 0 0;font-size:14px;line-height:1.45;color:#3f5670}
.profile-sidebar .pc-colors{margin-bottom:6px}
/* Pro foil chips: each shows its finish; a locked one carries a lock and can still be tried on. */
.pc-finishes{width:min(100%,340px);margin:4px auto 0;text-align:center}
.pc-finish-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.pc-finish{width:36px;height:36px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#142b43;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.85),rgba(255,255,255,0) 42%),conic-gradient(from 210deg,var(--pc-c1),var(--pc-c2),var(--pc-c3),var(--pc-c4),var(--pc-c1));
  box-shadow:inset 0 0 0 1px rgba(10,20,36,.3);transition:box-shadow .15s ease,transform .15s ease}
.pc-finish svg{width:15px;height:15px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}
.pc-finish.is-locked{filter:saturate(.35) brightness(.92)}
.pc-finish:hover{transform:translateY(-2px)}
.pc-finish[aria-pressed="true"]{box-shadow:inset 0 0 0 1px rgba(10,20,36,.3),0 0 0 3px #faf7ee,0 0 0 6px #f26a2c}
.pc-finish:focus-visible{outline:3px solid #1d5fbf;outline-offset:7px}
.edit-preview .pc-finish[aria-pressed="true"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 3px #0d1a2e,0 0 0 6px #f26a2c}
/* No foil: a plain card-stock chip with a slash through it. */
.pc-finish.pc-no-foil{background:linear-gradient(135deg,transparent calc(50% - 1.5px),#9b3a2c calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px)),#f6f0df}
/* Shield letters: a short field and Save, matching the controls around the card. */
.pc-letters{width:min(100%,340px);margin:14px auto 0;text-align:center}
.pc-letters .pc-colors-title{display:block}
.pc-letters-row{display:flex;justify-content:center;gap:8px}
.pc-letters input{width:96px;min-height:46px;padding:9px 10px;border:1px solid #7891a6;border-radius:4px;background:#fff;color:#142b43;caret-color:#a63c12;
  font:400 22px/1 "PC Graduate",serif;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.pc-letters input::placeholder{color:#8a9aab;opacity:1}
.pc-letters input:focus-visible{outline:3px solid #1d5fbf;outline-offset:2px}
.pc-letters-save{min-height:46px}
.pc-letters-help{margin:8px 0 0;font-size:13px;line-height:1.45;color:#3f5670}
.edit-preview .pc-letters-help{color:#d7e2ee}
.edit-preview .pc-letters .social-button.outline{color:#f5f4e9;border-color:#718aa6}
.edit-preview .pc-letters .social-button.outline:hover{background:#21456b;color:#fff}
/* Pro locks: without Pro, the second row of team colors and every foil show a lock and are never tried on. */
.pc-swatch.is-locked{display:grid;place-items:center;color:#fff;filter:saturate(.5) brightness(.88)}
.pc-swatch.is-locked svg{width:14px;height:14px;filter:drop-shadow(0 1px 1px rgba(4,10,20,.7))}
.pc-pro-tag{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:2px 8px 2px 7px;border-radius:999px;background:#142b43;color:#f5f4e9;
  font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;vertical-align:2px}
.pc-pro-tag svg{width:11px;height:11px}
.pc-pro-note{margin:10px 0 0;font-size:13px;line-height:1.45;color:#3f5670}
.pc-pro-note a{color:inherit;font-weight:700;text-underline-offset:2px}
.edit-preview .pc-pro-note{color:#d7e2ee}
.edit-preview .pc-pro-tag{background:#f5f4e9;color:#142b43}
/* The editor preview sits on the dark stadium ground. */
.edit-preview .pc-colors{margin-top:4px;margin-bottom:14px}
.edit-preview .pc-colors-title{color:#f5f4e9}
.edit-preview .pc-swatch{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.edit-preview .pc-swatch[aria-pressed="true"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 3px #0d1a2e,0 0 0 6px #f26a2c}
.edit-preview .pc-colors-status{color:#d7e2ee}
/* Phones see the card and its colors above the editor form. */
@media(max-width:760px){.edit-preview .player-card-slot .pc-card{width:min(100%,290px)}}
@media(prefers-reduced-motion:reduce){.pc-swatch,.pc-finish{transition:none}.pc-swatch:hover,.pc-finish:hover{transform:none}}

/* Pro edition (ported from the approved preview) */
.pc-card{--pc-ang:0deg}
/* Pro front: chrome refractor border, foil-stamped name */
.player-card-slot .pc-pro .pc-front{background:#c9ced6}
.player-card-slot .pc-foil{
  position:absolute;inset:0;border-radius:inherit;
  background-image:
    repeating-linear-gradient(calc(118deg + var(--pc-ang)),rgba(255,255,255,0) 0 1.1px,rgba(255,255,255,.3) 1.1px 1.9px),
    linear-gradient(calc(115deg + var(--pc-ang)),color-mix(in srgb,var(--pc-f1) 75%,transparent),color-mix(in srgb,var(--pc-f2) 75%,transparent),color-mix(in srgb,var(--pc-f3) 75%,transparent),color-mix(in srgb,var(--pc-f4) 75%,transparent),color-mix(in srgb,var(--pc-f5) 75%,transparent),color-mix(in srgb,var(--pc-f6) 75%,transparent),color-mix(in srgb,var(--pc-f7) 75%,transparent),color-mix(in srgb,var(--pc-f1) 75%,transparent),color-mix(in srgb,var(--pc-f2) 75%,transparent)),
    linear-gradient(calc(158deg + var(--pc-ang) * .5),var(--pc-m1) 0%,var(--pc-m2) 18%,var(--pc-m3) 33%,var(--pc-m4) 45%,var(--pc-m5) 58%,var(--pc-m3) 74%,var(--pc-m2) 88%,var(--pc-m1) 100%);
  background-size:100% 100%,320% 320%,100% 100%;
  background-position:0 0,clamp(0%,calc(var(--pc-gx)*1%),100%) clamp(0%,calc(var(--pc-gy)*1%),100%),0 0;
  background-blend-mode:overlay,overlay,normal;
}
.player-card-slot .pc-foil::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(farthest-corner circle at calc(var(--pc-gx)*1%) calc(var(--pc-gy)*1%),rgba(255,255,255,.85),rgba(255,255,255,0) 38%);
  mix-blend-mode:overlay;opacity:calc(.25 + var(--pc-tilt)*.75);
}
.player-card-slot .pc-pro .pc-art{box-shadow:0 0 0 .62cqw #0d1a2e,0 0 0 1.05cqw rgba(255,255,255,.55)}
/* Pro holofoil across the whole card: broad rainbow bands, a diamond sparkle and a sweeping light band, all driven by the card's angle. */
/* The foil tiles are larger than the card; their slide is clamped to 0-100% so a tile edge never shows as a seam when the card turns edge-on. */
.player-card-slot .pc-pro .pc-sheen,.player-card-slot .pc-pro .pc-sparkle,.player-card-slot .pc-pro .pc-band{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.player-card-slot .pc-pro .pc-sheen{
  background-image:repeating-linear-gradient(calc(118deg + var(--pc-ang)),color-mix(in srgb,var(--pc-f1) 0%,transparent) 0%,color-mix(in srgb,var(--pc-f1) 85%,transparent) 2%,color-mix(in srgb,var(--pc-f2) 85%,transparent) 4.5%,color-mix(in srgb,var(--pc-f3) 85%,transparent) 7%,color-mix(in srgb,var(--pc-f4) 85%,transparent) 9.5%,color-mix(in srgb,var(--pc-f5) 85%,transparent) 12%,color-mix(in srgb,var(--pc-f6) 85%,transparent) 14.5%,color-mix(in srgb,var(--pc-f7) 85%,transparent) 17%,color-mix(in srgb,var(--pc-f7) 0%,transparent) 19%,color-mix(in srgb,var(--pc-f7) 0%,transparent) 27%);
  background-size:240% 240%;background-position:clamp(0%,calc(var(--pc-gx)*1%),100%) clamp(0%,calc(var(--pc-gy)*1%),100%);
  mix-blend-mode:color-dodge;opacity:calc(.05 + var(--pc-tilt)*.24);
}
.player-card-slot .pc-pro .pc-sparkle{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Crect width='40' height='40' fill='black'/%3E%3Cpath d='M20 8 32 20 20 32 8 20Z' fill='none' stroke='white' stroke-width='1.4'/%3E%3Ccircle cx='20' cy='20' r='1.5' fill='white'/%3E%3Ccircle cx='0' cy='0' r='1.8' fill='white'/%3E%3Ccircle cx='40' cy='0' r='1.8' fill='white'/%3E%3Ccircle cx='0' cy='40' r='1.8' fill='white'/%3E%3Ccircle cx='40' cy='40' r='1.8' fill='white'/%3E%3C/svg%3E"),linear-gradient(calc(120deg + var(--pc-ang)),color-mix(in srgb,var(--pc-f1) 0%,transparent),color-mix(in srgb,var(--pc-f2) 90%,transparent),color-mix(in srgb,var(--pc-f5) 90%,transparent),color-mix(in srgb,var(--pc-f6) 90%,transparent),color-mix(in srgb,var(--pc-f1) 0%,transparent));
  background-size:6.4cqw 6.4cqw,260% 260%;background-position:0 0,clamp(0%,calc(var(--pc-gx)*1%),100%) clamp(0%,calc(var(--pc-gy)*1%),100%);
  background-blend-mode:multiply,normal;mix-blend-mode:color-dodge;opacity:calc(var(--pc-tilt)*.34);
  -webkit-mask-image:radial-gradient(farthest-corner circle at calc(var(--pc-gx)*1%) calc(var(--pc-gy)*1%),#000 0,rgba(0,0,0,.45) 40%,rgba(0,0,0,.1) 85%);
  mask-image:radial-gradient(farthest-corner circle at calc(var(--pc-gx)*1%) calc(var(--pc-gy)*1%),#000 0,rgba(0,0,0,.45) 40%,rgba(0,0,0,.1) 85%);
}
.player-card-slot .pc-pro .pc-band{
  background-image:linear-gradient(calc(112deg + var(--pc-ang)),rgba(255,255,255,0) 40%,rgba(255,248,232,.36) 47%,rgba(255,255,255,.5) 50%,rgba(255,248,232,.36) 53%,rgba(255,255,255,0) 60%);
  background-size:300% 300%;background-position:clamp(0%,calc(var(--pc-gx)*1%),100%) clamp(0%,calc(var(--pc-gy)*1%),100%);
  mix-blend-mode:screen;opacity:calc(.1 + var(--pc-tilt)*.9);
}
.player-card-slot .pc-pro .pc-back .pc-sheen{background-position:clamp(0%,calc(var(--pc-gxb)*1%),100%) clamp(0%,calc(var(--pc-gy)*1%),100%);mix-blend-mode:multiply;filter:saturate(.75) brightness(1.3);opacity:calc(.05 + var(--pc-tilt)*.5)}
.player-card-slot .pc-pro .pc-back .pc-sparkle{
  background-position:0 0,clamp(0%,calc(var(--pc-gxb)*1%),100%) clamp(0%,calc(var(--pc-gy)*1%),100%);mix-blend-mode:overlay;opacity:calc(var(--pc-tilt)*.3);
  -webkit-mask-image:radial-gradient(farthest-corner circle at calc(var(--pc-gxb)*1%) calc(var(--pc-gy)*1%),#000 0,rgba(0,0,0,.45) 40%,rgba(0,0,0,.1) 85%);
  mask-image:radial-gradient(farthest-corner circle at calc(var(--pc-gxb)*1%) calc(var(--pc-gy)*1%),#000 0,rgba(0,0,0,.45) 40%,rgba(0,0,0,.1) 85%);
}
.player-card-slot .pc-pro .pc-back .pc-band{background-position:clamp(0%,calc(var(--pc-gxb)*1%),100%) clamp(0%,calc(var(--pc-gy)*1%),100%);mix-blend-mode:soft-light;opacity:calc(.08 + var(--pc-tilt)*.9)}
.player-card-slot .pc-pro .pc-plate{background:linear-gradient(180deg,#10213a,#0b1729)}
.player-card-slot .pc-pro .pc-plate::before{
  background:linear-gradient(calc(100deg + var(--pc-ang)),var(--pc-m4),var(--pc-m3) 30%,var(--pc-m2) 52%,var(--pc-m1) 70%,var(--pc-m4));
  background-size:220% 100%;background-position:clamp(0%,calc(var(--pc-gx)*1%),100%) 0;
}
.player-card-slot .pc-pro .pc-plate-name{
  color:transparent;
  background-image:linear-gradient(calc(100deg + var(--pc-ang)),var(--pc-n1) 0%,var(--pc-n2) 18%,var(--pc-n3) 34%,var(--pc-n4) 50%,var(--pc-n1) 66%,var(--pc-n2) 82%,var(--pc-n1) 100%);
  background-size:260% 100%;background-position:clamp(0%,calc(var(--pc-gx)*1%),100%) 0;
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 .3cqw 0 rgba(0,0,0,.45));
}
.player-card-slot .pc-pro .pc-plate-sub{color:#c7d4e4}
.player-card-slot .pc-pro-chip{
  position:absolute;top:3.4cqw;left:3.6cqw;padding:1.1cqw 2.3cqw .9cqw;border-radius:1cqw;
  font:400 3.7cqw/1 "Anton","Arial Narrow",sans-serif;letter-spacing:.16em;color:#0d1a2e;
  background:linear-gradient(calc(110deg + var(--pc-ang)),#c4cbd3,#ffffff 35%,#aab3bd 55%,#f2f4f7 75%,#9aa4af);
  background-size:220% 100%;background-position:clamp(0%,calc(var(--pc-gx)*1%),100%) 0;
  box-shadow:0 .4cqw 1cqw rgba(0,0,0,.4),inset 0 0 0 .25cqw rgba(13,26,46,.35);
}
/* Pro back: bright stock, chrome edge, full-color trophies */
.player-card-slot .pc-pro .pc-back .pc-foil{z-index:0}
.player-card-slot .pc-pro .pc-b-paper{
  position:absolute;inset:2.2cqw;border-radius:3cqw;
  background:#f8f3e8;background-image:url('/assets/cards/paper-v1.svg');background-size:180px 180px;background-blend-mode:multiply;
  box-shadow:0 0 0 .35cqw rgba(13,26,46,.55);
}
.player-card-slot .pc-pro .pc-back{--pc-print:#142b43;--pc-print-2:#b2461f;color:var(--pc-print)}
.player-card-slot .pc-pro .pc-back .pc-b-wrap{inset:5.6cqw 6cqw}
.player-card-slot .pc-pro .pc-b-disc{
  background:linear-gradient(calc(120deg + var(--pc-ang)),#a8b0ba,#ffffff 35%,#9ea7b2 55%,#f4f6f8 75%,#8d96a1);
  background-size:220% 220%;background-position:clamp(0%,calc(var(--pc-gxb)*1%),100%) 30%;
  color:#0d1a2e;box-shadow:inset 0 0 0 .5cqw rgba(13,26,46,.55),0 .5cqw 1cqw rgba(13,26,46,.25);
}
.player-card-slot .pc-pro .pc-b-facts,.player-card-slot .pc-pro .pc-b-facts div+div{border-color:#142b43}
.player-card-slot .pc-pro .pc-table caption{background:#142b43;color:#f4e3b6}
.player-card-slot .pc-pro .pc-table thead th{background:rgba(20,43,67,.08)}
.player-card-slot .pc-pro .pc-table tbody tr+tr th,.player-card-slot .pc-pro .pc-table tbody tr+tr td{border-color:rgba(20,43,67,.22)}
.player-card-slot .pc-pro .pc-table tfoot th,.player-card-slot .pc-pro .pc-table tfoot td{border-color:#142b43}
.player-card-slot .pc-pro .pc-b-trophies img{filter:drop-shadow(0 .6cqw .8cqw rgba(13,26,46,.3))}
.player-card-slot .pc-pro .pc-back .pc-glare{
  background:radial-gradient(farthest-corner circle at calc(var(--pc-gxb)*1%) calc(var(--pc-gy)*1%),rgba(255,255,255,.3),rgba(255,255,255,0) 44%);
  mix-blend-mode:soft-light;opacity:calc(.3 + var(--pc-tilt)*.7);
}
/* The large view: a tap on a profile card opens it here, sized to the screen at the card's 5:7 shape. */
.player-card-slot .pc-zoomable{cursor:zoom-in}
.pc-zoom-pointer .pc-card:focus-visible .pc-body,.player-card-slot .pc-card.pc-quiet:focus-visible .pc-body{outline:none}
.pc-zoom{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px;border:0;background:transparent;overflow:auto;color:#f5f4e9}
.pc-zoom[open]{display:grid;place-content:center;justify-items:center;gap:14px}
.pc-zoom::backdrop{background:rgba(10,24,41,.88)}
.pc-zoom .player-card-slot{margin:0}
.pc-zoom .player-card-slot .pc-card{width:min(88vw,calc((100dvh - 190px) * 5 / 7),560px)}
.pc-zoom .player-card-slot .pc-flip,.pc-zoom .pc-zoom-close{min-width:150px;background:transparent;color:#f5f4e9;border-color:#718aa6}
.pc-zoom .player-card-slot .pc-flip:hover,.pc-zoom .pc-zoom-close:hover{background:#21456b;color:#f5f4e9}
.pc-zoom .player-card-slot .pc-flip:focus-visible,.pc-zoom .pc-zoom-close:focus-visible{outline:3px solid #f5f4e9;outline-offset:3px}
@media (prefers-reduced-motion:no-preference){.pc-zoom[open]{animation:pc-zoom-in .18s ease-out}.pc-zoom[open]::backdrop{animation:pc-zoom-fade .18s ease-out}}
@keyframes pc-zoom-in{from{opacity:0;transform:scale(.96)}}
@keyframes pc-zoom-fade{from{opacity:0}}
/* Sharing your own card: the site's result-sharing panel, compact for the profile sidebar, and the image download. */
.result-sharing.card-sharing{margin:16px 0 0;padding:16px 0 0;border:0;border-top:1px solid var(--line,#bdcbd8);border-radius:0;background:transparent;box-shadow:none}
.card-sharing .result-sharing-heading{margin:0 0 12px}
.card-sharing .result-sharing-heading h3{margin:0 0 6px;color:var(--ink,#142b43);font:400 20px/1.2 Anton,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.01em}
.card-sharing .result-sharing-copy{flex-direction:column;align-items:stretch}
/* Stacked in a column, the shared field's 240px flex basis would become its height and leave a gap above Copy link. */
.result-sharing.card-sharing .result-sharing-field{flex:0 0 auto}
.card-sharing .result-sharing-button{align-self:flex-start}
.card-sharing .result-sharing-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.card-share-private{margin:16px 0 0}
.card-save{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0}
.card-save-status{color:var(--muted,#496078);font-size:14px}