.pc{--w:240px;--px:.5;--py:.5;--rx:0deg;--ry:0deg;--pc-o:0;--pfc:0;--tier:var(--club-silver);--tier-2:#e8e8e8;--tier-ink:#1c1c1c;--card-bg:#121214;width:var(--w);aspect-ratio:5/7;perspective:1200px;font-family:var(--font-sans);color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;position:relative}.pc[data-tier=bronze]{--tier:#8a5a2b;--tier-2:#c48a4f;--card-bg:#1a1512}.pc[data-tier=silver]{--tier:#b9b9b9;--tier-2:#f2f2f2;--card-bg:#15161a}.pc[data-tier=gold]{--tier:var(--club-primary);--tier-2:#f1dea6;--card-bg:#15120b}.pc[data-tier=special]{--tier:var(--club-accent);--tier-2:var(--club-primary);--card-bg:#1a0a08}.pc[data-tier=icon]{--tier:#f5f0e6;--tier-2:var(--club-primary);--card-bg:#0e0e10;--tier-ink:#1c1c1c}.pc__rotator{border-radius:calc(var(--w) * .075);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .45s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1));box-shadow:0 calc(var(--w) * .06) calc(var(--w) * .14) #00000073;position:absolute;inset:0}.pc.is-active .pc__rotator{will-change:transform;transition:transform 80ms linear}.pc.is-flipped .pc__rotator{transform:rotateY(calc(180deg + var(--ry))) rotateX(var(--rx))}.pc__face{border-radius:inherit;backface-visibility:hidden;background:linear-gradient(160deg, var(--tier-2), var(--tier) 45%, color-mix(in oklab, var(--tier) 55%, #000) 100%);isolation:isolate;position:absolute;inset:0;overflow:hidden}.pc__back{transform:rotateY(180deg)}.pc__inner{inset:calc(var(--w) * .028);border-radius:calc(var(--w) * .055);background:radial-gradient(120% 80% at 50% 0%, color-mix(in oklab, var(--tier) 28%, transparent), transparent 60%), var(--card-bg);position:absolute;overflow:hidden}.pc[data-tier=bronze] .pc__inner{background:radial-gradient(120% 80% at 50% 0%, #c48a4f2e, transparent 60%), var(--card-bg)}.pc__photo{transform:translate(calc((var(--px) - .5) * -6px), calc((var(--py) - .5) * -6px)) scale(1.04);transition:transform .3s ease-out;position:absolute;inset:0 0 32%;overflow:hidden}.pc__photo img,.pc__photo video{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.pc__photo:after{content:"";background:linear-gradient(180deg, transparent 55%, var(--card-bg) 100%);position:absolute;inset:0}.pc[data-tier=bronze] .pc__photo img{filter:saturate(.8)contrast(1.05)}.pc__silhouette{background:radial-gradient(80% 60% at 50% 40%, color-mix(in oklab, var(--tier) 30%, transparent), transparent 70%);place-items:center;width:100%;height:100%;display:grid}.pc__silhouette span{font-family:var(--font-display);font-weight:800;font-size:calc(var(--w) * .34);color:color-mix(in oklab, var(--tier-2) 70%, transparent);letter-spacing:-.04em}.pc__top{top:calc(var(--w) * .06);left:calc(var(--w) * .07);font-family:var(--font-display);text-shadow:0 2px 8px #00000080;flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex;position:absolute}.pc__ovr{font-size:calc(var(--w) * .19);color:var(--tier-2);letter-spacing:-.03em;font-weight:800}.pc__ovr--stars{font-size:calc(var(--w) * .075);letter-spacing:.02em;color:var(--tier-2)}.pc__pos{font-size:calc(var(--w) * .06);color:#fff;opacity:.9;letter-spacing:.08em;font-weight:700}.pc__num{top:calc(var(--w) * .06);right:calc(var(--w) * .08);font-family:var(--font-display);font-size:calc(var(--w) * .11);color:#fff;opacity:.85;text-shadow:0 2px 8px #00000080;font-weight:800;position:absolute}.pc__national{top:calc(var(--w) * .2);right:calc(var(--w) * .07);width:calc(var(--w) * .1);height:calc(var(--w) * .07);background:linear-gradient(#2f6fde 50%,#f2c94c 50%);border-radius:2px;position:absolute;box-shadow:0 1px 4px #00000080}.pc__bottom{padding:0 calc(var(--w) * .07) calc(var(--w) * .07);text-align:center;position:absolute;bottom:0;left:0;right:0}.pc__name{font-family:var(--font-display);font-weight:800;font-size:calc(var(--w) * .085);letter-spacing:-.01em;color:#fff;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pc__team{font-size:calc(var(--w) * .05);color:var(--tier-2);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-weight:700}.pc__rule{margin:calc(var(--w) * .03) auto;background:linear-gradient(90deg, transparent, var(--tier-2), transparent);opacity:.8;width:60%;height:1px}.pc__badges{justify-content:center;gap:calc(var(--w) * .025);min-height:calc(var(--w) * .1);display:flex}.pc__badge{width:calc(var(--w) * .1);height:calc(var(--w) * .1);border:1.5px solid var(--badge,#9a9a9a);box-shadow:0 0 10px color-mix(in oklab, var(--badge,#9a9a9a) 35%, transparent);color:#fff;background:#ffffff14;border-radius:50%;place-items:center;display:grid}.pc__badge[data-rarity=common]{--badge:#9a9a9a}.pc__badge[data-rarity=rare]{--badge:#c9c9c9}.pc__badge[data-rarity=epic]{--badge:var(--club-primary)}.pc__badge[data-rarity=legendary]{--badge:var(--club-accent)}.pc__badge svg{width:55%;height:55%}.pc[data-size=sm] .pc__level{display:none}.pc__level{margin-bottom:calc(var(--w) * .02);font-size:calc(var(--w) * .045);letter-spacing:.04em;background:#00000073;border:1px solid #ffffff2e;border-radius:999px;padding:2px 8px;font-weight:700;display:inline-block}.pc__foil,.pc__glare,.pc__sparkle{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.pc__foil{background-image:linear-gradient(115deg,#0000 20%,#f9db768c 34%,#77d8f873 42%,#f47bb873 50%,#f9db768c 58%,#0000 76%),repeating-linear-gradient(135deg,#fff0 0 6px,#ffffff1f 6px 7px);background-size:260% 260%,100% 100%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%), 0 0;mix-blend-mode:color-dodge;opacity:calc(var(--pc-o) * .75);filter:brightness(.9)contrast(1.4)}.pc[data-tier=silver] .pc__foil{mix-blend-mode:screen;opacity:calc(var(--pc-o) * .55);background-image:linear-gradient(115deg,#0000 25%,#ffffff8c 45%,#dce6f066 52%,#0000 72%)}.pc[data-tier=special] .pc__foil{background-image:linear-gradient(115deg,#0000 20%,#f0514299 36%,#fbd06a99 48%,#f0514299 60%,#0000 78%),repeating-linear-gradient(135deg,#fff0 0 6px,#ffffff1f 6px 7px)}.pc[data-tier=icon] .pc__foil{background-image:linear-gradient(115deg,#0000 20%,#ffffffb3 36%,#fcd78399 48%,#ffffffb3 60%,#0000 78%)}.pc[data-tier=bronze] .pc__foil{display:none}.pc__glare{background:radial-gradient(farthest-corner circle at calc(var(--px) * 100%) calc(var(--py) * 100%), #fff9 0%, #ffffff1f 22%, #00000059 90%);mix-blend-mode:overlay;opacity:calc(var(--pc-o) * .9)}.pc__sparkle{background-image:radial-gradient(circle,#ffffffe6 .5px,#0000 1.2px),radial-gradient(circle,#fff0c8cc .6px,#0000 1.4px);background-size:14px 14px,23px 23px;background-position:calc(var(--px) * 40px) calc(var(--py) * 40px), calc(var(--px) * -30px) calc(var(--py) * -30px);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at calc(var(--px) * 100%) calc(var(--py) * 100%), #000 0%, transparent 45%);-webkit-mask-image:radial-gradient(circle at calc(var(--px) * 100%) calc(var(--py) * 100%), #000 0%, transparent 45%);mask-image:radial-gradient(circle at calc(var(--px) * 100%) calc(var(--py) * 100%), #000 0%, transparent 45%);opacity:calc(var(--pc-o) * .8)}.pc:not([data-tier=gold]):not([data-tier=special]):not([data-tier=icon]) .pc__sparkle{display:none}.pc__back .pc__inner{gap:calc(var(--w) * .03);padding:calc(var(--w) * .07) calc(var(--w) * .07);flex-direction:column;display:flex}.pc__back h3{font-family:var(--font-display);font-size:calc(var(--w) * .06);color:var(--tier-2);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:800}.pc__radar{width:100%;max-height:46%}.pc__xp{background:#ffffff1f;border-radius:999px;height:6px;overflow:hidden}.pc__xp>i{height:100%;width:var(--xp,0%);background:linear-gradient(90deg, var(--tier), var(--tier-2));border-radius:inherit;display:block}.pc__meta{font-size:calc(var(--w) * .048);color:#fffc;justify-content:space-between;display:flex}.pc__timeline{font-size:calc(var(--w) * .048);gap:2px;margin:0;padding:0;list-style:none;display:grid}.pc__timeline li{color:#ffffffd9;justify-content:space-between;gap:8px;display:flex}.pc__timeline li span:last-child{color:var(--tier-2);font-weight:700}.pc__gyro{border:1px solid var(--club-line);color:inherit;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:-2.2rem;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.pc__rotator{transition:none;transform:none!important}.pc__foil,.pc__glare,.pc__sparkle{display:none}.pc__photo{transform:none}}