.pc-wrap{--w:150px;--glow:#0000008c;width:var(--w);perspective:900px;text-align:left;flex:none;align-self:flex-start;height:max-content;display:block;position:relative;container-type:inline-size}.pc-wrap.size-xs{--w:62px}.pc-wrap.size-sm{--w:clamp(64px, 17vw, 96px)}.pc-wrap.size-md{--w:clamp(120px, 34vw, 168px)}.pc-wrap.size-lg{--w:clamp(190px, 52vw, 250px)}.pc-wrap.size-xl{--w:clamp(240px, 70vw, 340px)}button.pc-wrap{cursor:pointer}button.pc-wrap:active .pc{scale:.97}.pc-wrap:before{content:"";background:var(--glow);filter:blur(4.5cqw);z-index:-1;border-radius:12%;position:absolute;inset:8% 6% -3%}.pc-wrap[data-rarity=special]{--glow:#40c8ff8c}.pc-wrap[data-rarity=legend]{--glow:#ffe4a080}.pc-wrap[data-rarity=exam]{--glow:#a0ff3c66}.pc-wrap[data-rarity=rare_gold]{--glow:#ffc85073}.is-selected:before{filter:blur(5cqw);background:#7ff0ffcc;inset:-2%}.pc{--rx:0deg;--ry:0deg;--mx:50%;--my:30%;--clip:polygon(15% 0, 40% 0, 43.5% 2.14%, 56.5% 2.14%, 60% 0, 100% 0, 100% 88.57%, 85% 100%, 0 100%, 0 11.43%);--clip-in:polygon(14% 0, 39.6% 0, 43.2% 2.4%, 56.8% 2.4%, 60.4% 0, 100% 0, 100% 89.2%, 86% 100%, 0 100%, 0 10.8%);--ink:#2a1a03;--ink-soft:#2a1a03ad;--ink-shadow:0 .3cqw 0 #fff4cd8c;--frame:linear-gradient(135deg, #6e4c10 0%, #f6dc8c 16%, #b98a2e 32%, #fff4c8 48%, #a77a22 64%, #f0cf76 82%, #6e4c10 100%);--fill:radial-gradient(120% 80% at 55% 0%, #fbe8ad 0%, #e6bf5e 34%, #b98b2f 70%, #8a6218 100%);--pattern:repeating-linear-gradient(115deg, #fff0 0 1.2cqw, #ffffff12 1.2cqw 1.5cqw);--spot:radial-gradient(48% 34% at 58% 28%, #fffbe6d9, transparent 70%);--plate:linear-gradient(180deg, #e9c46a00 0%, #e9c46aeb 30%, #e2bb5c 60%, #c99d3e 100%);--name:#2a1a03;aspect-ratio:5/7;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease-out), scale .15s;position:relative}.pc.tilt{transition:transform .12s linear}.pc.down,.pc.tilt.down{transform:rotateY(180deg)}.pc-face{clip-path:var(--clip);backface-visibility:hidden;background:var(--frame);background-size:220% 220%;background-position:var(--mx) var(--my);position:absolute;inset:0;overflow:hidden}.pc-back{transform:rotateY(180deg)}.pc-bg,.pc-pattern,.pc-spot,.pc-art{clip-path:var(--clip-in);position:absolute;inset:2.2cqw}.pc-bg{background:var(--fill)}.pc-pattern{background:var(--pattern)}.pc-spot{background:var(--spot)}.pc-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pc-art{overflow:hidden}.pc-photo{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 1.4cqw #00000059);width:116cqw;max-width:none;height:auto;position:absolute;top:4cqw;left:50%;transform:translate(-41%)}.pc-portrait{aspect-ratio:200/290;width:84cqw;height:auto;position:absolute;top:3cqw;right:-9cqw}.pc-plate{clip-path:polygon(0 0,100% 0,100% 72%,86.5% 100%,0 100%);background:var(--plate);height:50cqw;position:absolute;bottom:2.2cqw;left:2.2cqw;right:2.2cqw}.pc-top{width:22cqw;color:var(--ink);z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;top:11cqw;left:6.5cqw}.pc-top:before{content:"";background:radial-gradient(closest-side, var(--haze,#f0cd788c), transparent);z-index:-1;position:absolute;inset:-6cqw -8cqw -4cqw}.pc-rating{font-family:var(--font-display);letter-spacing:-.045em;text-shadow:var(--ink-shadow);font-size:27cqw;font-weight:800;line-height:.8}.pc-rating.penalty{color:#b4232f}.pc-pos{font-family:var(--font-display);letter-spacing:.04em;text-shadow:var(--ink-shadow);margin-top:1.2cqw;font-size:10cqw;font-weight:800}.pc-rule{opacity:.55;background:currentColor;width:13cqw;height:.5cqw;margin:2cqw 0 1.6cqw}.pc-flag{border-radius:.6cqw;width:15cqw;height:10cqw;box-shadow:0 .5cqw 1cqw #0000004d}.pc-crest{filter:drop-shadow(0 .6cqw .8cqw #00000059);width:14.5cqw;height:auto;margin-top:2.2cqw}.pc-edition{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:.34em;color:var(--edition,var(--ink));text-shadow:var(--ink-shadow);z-index:3;font-size:4.6cqw;font-weight:800;position:absolute;top:12cqw;right:3.6cqw}.pc-bottom{color:var(--name);z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:6cqw;left:4cqw;right:4cqw}.pc-name{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:92%;font-size:12.5cqw;font-weight:800;line-height:1;overflow:hidden}.pc-stats{border-top:.4cqw solid color-mix(in srgb, var(--name) 35%, transparent);grid-template-columns:repeat(6,1fr);width:88%;margin-top:2.4cqw;padding-top:2cqw;display:grid}.pc-stat{flex-direction:column;align-items:center;gap:.4cqw;display:flex}.pc-stat span{font-family:var(--font-display);letter-spacing:.06em;opacity:.72;font-size:4.4cqw;font-weight:700}.pc-stat b{font-family:var(--font-display);font-size:8.4cqw;font-weight:800;line-height:1}.pc-temp{color:#fff;font:800 5cqw var(--font-display);letter-spacing:.24em;z-index:3;background:#0009;padding:.6cqw 2.4cqw;position:absolute;bottom:33%;left:50%;transform:translate(-50%)}.pc-ai{font:700 3.6cqw var(--font-ui);color:var(--name);opacity:.55;z-index:3;border:.25cqw solid;border-radius:1cqw;padding:.3cqw 1.2cqw;position:absolute;bottom:19cqw;right:5cqw}.pc-foil{pointer-events:none;background:radial-gradient(55% 38% at var(--mx) var(--my), #ffffff73, transparent 70%), linear-gradient(115deg, transparent 38%, #ffffff38 48%, transparent 58%);mix-blend-mode:overlay;opacity:0;z-index:4;transition:opacity .3s;position:absolute;inset:0}.pc.tilt .pc-foil{opacity:1}.pc-sweep{pointer-events:none;z-index:4;opacity:0;position:absolute;inset:0}.pc[data-rarity=rare_gold] .pc-sweep,.pc[data-rarity=legend] .pc-sweep,.pc[data-rarity=special] .pc-sweep,.pc[data-rarity=exam] .pc-sweep{opacity:1;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 40%,#ffffff61 50%,#0000 60%) 0 0/250% 100% no-repeat;animation:4.8s ease-in-out infinite pc-sweep}@keyframes pc-sweep{0%,55%{background-position:150% 0}to{background-position:-150% 0}}.size-xs .pc-stats,.size-sm .pc-stats,.size-xs .pc-flag,.size-xs .pc-crest,.size-xs .pc-rule,.size-sm .pc-rule,.size-xs .pc-edition,.size-sm .pc-edition,.size-xs .pc-temp,.size-sm .pc-temp,.size-xs .pc-ai,.size-sm .pc-ai{display:none}.size-xs .pc-bottom,.size-sm .pc-bottom{bottom:5cqw}.size-xs .pc-plate,.size-sm .pc-plate{height:36cqw}.size-xs .pc-name,.size-sm .pc-name{font-size:15cqw}.size-xs .pc-rating,.size-sm .pc-rating{font-size:32cqw}.size-xs .pc-pos,.size-sm .pc-pos{font-size:13cqw}.size-xs .pc-top,.size-sm .pc-top{width:28cqw;top:9cqw;left:4.5cqw}.size-sm .pc-flag{width:19cqw;height:12.6cqw;margin-top:2cqw}.size-sm .pc-crest{width:18cqw}.size-xs .pc-photo,.size-sm .pc-photo{width:124cqw;top:5cqw;transform:translate(-38%)}.size-xs .pc-portrait,.size-sm .pc-portrait{width:92cqw;top:4cqw;right:-14cqw}.pc-back{background:radial-gradient(80% 60% at 50% 40%,#3aa8ff59,#0000 70%),repeating-linear-gradient(118deg,#0b1222 0 3cqw,#0e172b 3cqw 6cqw);place-items:center;display:grid;box-shadow:inset 0 0 0 2cqw #1a2440}.pc-back:before{content:"";clip-path:var(--clip-in);-webkit-mask-composite:xor;background:linear-gradient(160deg,#f2cf73a6,#0000 40%,#f2cf7359);border:.8cqw solid #f2cf7399;padding:.8cqw;position:absolute;inset:5cqw;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pc-back-logo{font-family:var(--font-display);color:var(--gold-2);flex-direction:column;align-items:center;line-height:.8;display:flex}.pc-back-logo span{letter-spacing:.3em;margin-right:-.3em;font-size:11cqw;font-weight:700}.pc-back-logo b{background:linear-gradient(180deg, var(--gold-1), var(--gold-3));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:46cqw;font-weight:800}.pc[data-rarity=bronze]{--ink:#2b170a;--name:#2b170a;--ink-soft:#2b170ab3;--ink-shadow:0 .3cqw 0 #ffe1c380;--haze:#dca06e8c;--frame:linear-gradient(135deg, #4a2a12, #e9b98a 20%, #8c5a33 40%, #f3cfa8 55%, #6e4223 75%, #c8946a 100%);--fill:radial-gradient(120% 80% at 55% 0%, #f0c9a0 0%, #c48a5c 40%, #8b5a35 100%);--spot:radial-gradient(48% 34% at 58% 28%, #ffecd7b3, transparent 70%);--plate:linear-gradient(180deg, #c88c5f00 0%, #c88c5feb 30%, #b57a4d 100%)}.pc[data-rarity=silver]{--ink:#18212d;--name:#18212d;--ink-soft:#18212db3;--ink-shadow:0 .3cqw 0 #fff9;--haze:#dce4ee99;--frame:linear-gradient(135deg, #4c5866, #fff 20%, #8e9aa8 40%, #f4f7fa 55%, #66727f 75%, #dfe5ec 100%);--fill:radial-gradient(120% 80% at 55% 0%, #f6f8fb 0%, #c7cfd9 40%, #8f9bab 100%);--spot:radial-gradient(48% 34% at 58% 28%, #ffffffd9, transparent 70%);--plate:linear-gradient(180deg, #d2dae400 0%, #d2dae4f0 30%, #b9c3cf 100%)}.pc[data-rarity=rare_gold]{--ink:#ffe6a0;--name:#ffe6a0;--ink-soft:#ffe6a0bf;--ink-shadow:0 .4cqw 1cqw #0009;--haze:#140e048c;--frame:linear-gradient(135deg, #120c02 0%, #c99a35 18%, #fff1b8 34%, #3b2a08 50%, #e2b850 70%, #fff4c8 84%, #120c02 100%);--fill:radial-gradient(110% 80% at 55% 8%, #5a4214 0%, #241a07 55%, #0d0903 100%);--pattern:repeating-linear-gradient(60deg, transparent 0 4cqw, #ffd7780f 4cqw 4.4cqw), repeating-linear-gradient(-60deg, transparent 0 4cqw, #ffd7780f 4cqw 4.4cqw);--spot:radial-gradient(48% 34% at 58% 26%, #ffd26e8c, transparent 70%);--plate:linear-gradient(180deg, #0d090300 0%, #0d0903e6 30%, #0b0702 100%)}.pc[data-rarity=special]{--ink:#fff;--name:#fff;--ink-soft:#c8ebffcc;--ink-shadow:0 0 2cqw #7ff0ffb3;--haze:#040c2e99;--frame:linear-gradient(135deg, #06123d 0%, #7ff0ff 18%, #1b5cff 36%, #c9fbff 50%, #0a2a8c 68%, #4fd8ff 86%, #06123d 100%);--fill:radial-gradient(110% 80% at 55% 8%, #2f72ff 0%, #0b2a86 45%, #040b2a 100%);--pattern:repeating-linear-gradient(0deg, transparent 0 2.4cqw, #7ff0ff12 2.4cqw 2.6cqw);--spot:radial-gradient(48% 34% at 58% 28%, #7ff0ff8c, transparent 70%);--plate:linear-gradient(180deg, #040b2a00 0%, #040b2aeb 30%, #030820 100%)}.pc[data-rarity=exam]{--ink:#fff;--name:#fff;--ink-soft:#e1ffaad9;--ink-shadow:0 0 2cqw #b8ff3c8c;--haze:#16052f99;--frame:linear-gradient(135deg, #12052e, #e1ff8a 18%, #6d28d9 38%, #b8ff3c 52%, #2e0d6b 72%, #c8ff5a 88%, #12052e);--fill:radial-gradient(110% 80% at 55% 8%, #8b4dff 0%, #45139e 48%, #16052f 100%);--pattern:repeating-linear-gradient(90deg, transparent 0 6cqw, #b8ff3c12 6cqw 6.3cqw), repeating-linear-gradient(0deg, transparent 0 6cqw, #b8ff3c12 6cqw 6.3cqw);--spot:radial-gradient(48% 34% at 58% 28%, #c8ff7873, transparent 70%);--plate:linear-gradient(180deg, #16052f00 0%, #16052feb 30%, #12042a 100%)}.pc[data-rarity=season]{--ink:#fff;--name:#fff;--ink-soft:#beffe6d9;--ink-shadow:0 0 2cqw #7dffd280;--haze:#03201f99;--frame:linear-gradient(135deg, #021f1d, #b5ffe6 20%, #0f766e 40%, #7dffd2 55%, #053b3a 75%, #5ee8c0 100%);--fill:radial-gradient(110% 80% at 55% 8%, #14b8a6 0%, #0b5550 48%, #03201f 100%);--spot:radial-gradient(48% 34% at 58% 28%, #7dffd273, transparent 70%);--plate:linear-gradient(180deg, #03201f00 0%, #03201feb 30%, #021816 100%)}.pc[data-rarity=champion]{--ink:#ffe28a;--name:#ffe28a;--ink-soft:#ffe28acc;--ink-shadow:0 .4cqw 1cqw #0009;--haze:#0000008c;--frame:linear-gradient(135deg, #000, #fff1b5 20%, #8a6416 40%, #ffe08a 55%, #3a2a06 75%, #ffe08a 100%);--fill:radial-gradient(110% 80% at 55% 8%, #3a3326 0%, #15120c 60%, #050403 100%);--plate:linear-gradient(180deg, #0000 0%, #000000e0 30%, #000 100%)}.pc[data-rarity=legend]{--ink:#2a1d08;--name:#2a1d08;--ink-soft:#2a1d08b8;--ink-shadow:0 .3cqw 0 #fffc;--haze:#fffaeeb3;--frame:linear-gradient(135deg, #9c7a34 0%, #fff9ec 16%, #d9bd7c 32%, #fff 48%, #c7a253 64%, #fff4dc 82%, #9c7a34 100%);--fill:radial-gradient(100% 70% at 55% 12%, #fff 0%, #fff0 60%), linear-gradient(162deg, #fbf7ee 0%, #ece2cc 45%, #d8c8a4 80%, #f3ead6 100%);--pattern:radial-gradient(120% 20% at 20% 80%, transparent 48%, #aa8c5059 49%, transparent 51%), radial-gradient(140% 30% at 90% 30%, transparent 48%, #aa8c5047 49%, transparent 50.5%), radial-gradient(100% 25% at 40% 10%, transparent 48%, #aa8c5038 49%, transparent 50.5%);--spot:radial-gradient(52% 36% at 58% 26%, #ffd278d9, #ffe29640 55%, transparent 75%);--plate:linear-gradient(180deg, #f6efdf00 0%, #f6efdff0 30%, #ece1c6 100%);--edition:#9c7a34}.pc[data-rarity=legend] .pc-art{box-shadow:inset 0 0 0 .9cqw #c9a24fbf}.pc[data-rarity=legend] .pc-bg:after{content:"";background:linear-gradient(#c9a24f59,#0000 22% 70%,#c9a24f4d);position:absolute;inset:0}