:root{--t-common:#c3c9d4;--t-uncommon:#43d98f;--t-rare:#5aaeff;--t-epic:#b878ff;--t-legendary:#ffcb4f;--t-grail:#ffe08a}:root[data-theme=light]{--t-common:#6f7682;--t-uncommon:#13824e;--t-rare:#1c64c8;--t-epic:#7a35d6;--t-legendary:#a26a06;--t-grail:#a26a06}.live,.reel,.rwd-grand,.rwd-reveal{--t-common:#c3c9d4;--t-uncommon:#43d98f;--t-rare:#5aaeff;--t-epic:#b878ff;--t-legendary:#ffcb4f;--t-grail:#ffe08a}.pc{--pc-w:150px;--t1:#c3c9d4;--t2:#6d7482;--t3:rgba(195,201,212,0.45);--frame:linear-gradient(150deg,#eef1f6,#9aa2b0 38%,#e2e6ee 62%,#7b8392);--face-a:#20242d;--face-b:#0d0f14;position:relative;width:var(--pc-w);aspect-ratio:5/7;flex:none;border-radius:calc(var(--pc-w) * .075);font-size:calc(var(--pc-w) * .085);color:#f4f1ea;-moz-user-select:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 calc(var(--pc-w) * .06) calc(var(--pc-w) * .08) rgba(0,0,0,.45))}:root[data-theme=light] .pc{filter:drop-shadow(0 calc(var(--pc-w) * .05) calc(var(--pc-w) * .07) rgba(60,44,14,.28))}.pc[data-tier=uncommon]{--t1:#43d98f;--t2:#127a4a;--t3:rgba(67,217,143,0.5);--frame:linear-gradient(150deg,#b7ffd9,#2fbf78 35%,#8ff0bf 60%,#0f7a47);--face-a:#11281d;--face-b:#070f0b}.pc[data-tier=rare]{--t1:#5aaeff;--t2:#1a5fc4;--t3:rgba(90,174,255,0.55);--frame:linear-gradient(150deg,#cfe7ff,#3d8ef0 34%,#a9d4ff 58%,#1446a0);--face-a:#0f1d36;--face-b:#060b16}.pc[data-tier=epic]{--t1:#b878ff;--t2:#6a2ad0;--t3:rgba(184,120,255,0.6);--frame:linear-gradient(150deg,#ecd9ff,#9b52f5 32%,#dcb8ff 56%,#4f1aa8);--face-a:#1f1236;--face-b:#0b0616}.pc[data-tier=legendary]{--t1:#ffcb4f;--t2:#b9780f;--t3:rgba(255,203,79,0.65);--frame:linear-gradient(150deg,#fff4c7,#e7a92a 28%,#fff0b0 48%,#b5770f 70%,#ffe08a);--face-a:#2c1f08;--face-b:#100a02}.pc[data-tier=grail]{--t1:#ffe08a;--t2:#c88b16;--t3:rgba(255,214,120,0.75);--frame:linear-gradient(150deg,#fffbe6,#f2c24c 18%,#8a5a0e 34%,#ffe9a6 50%,#b37a14 66%,#fff3c4 82%,#9a6510);--face-a:#241628;--face-b:#0a050d}.pc-frame{position:absolute;inset:0;border-radius:inherit;padding:calc(var(--pc-w) * .035);background:var(--frame);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),inset 0 -2px 6px rgba(0,0,0,.35)}.pc-face{position:relative;width:100%;height:100%;border-radius:calc(var(--pc-w) * .05);overflow:hidden;background:radial-gradient(120% 70% at 50% 38%,color-mix(in srgb,var(--t1) 34%,transparent) 0,transparent 62%),linear-gradient(180deg,var(--face-a) 0,var(--face-b) 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),inset 0 0 calc(var(--pc-w) * .12) rgba(0,0,0,.55);isolation:isolate}.pc-rays{position:absolute;inset:-40%;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--t1) 40%,transparent) 0deg 6deg,transparent 6deg 22deg);mask-image:radial-gradient(circle at 50% 50%,#000 0,transparent 58%);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0,transparent 58%)}.pc[data-tier=epic] .pc-rays,.pc[data-tier=legendary] .pc-rays{opacity:.32}.pc[data-tier=grail] .pc-rays{opacity:.85;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,236,170,.55) 0deg 5deg,transparent 5deg 18deg)}.pc-art{position:absolute;left:6%;right:6%;top:7%;height:70%;display:grid;place-items:center}.pc-art svg{width:100%;height:100%;overflow:visible;font-family:var(--font-body,system-ui),system-ui,sans-serif}.pc-plate{position:absolute;left:7%;right:7%;bottom:5.5%;min-height:15%;display:flex;align-items:center;justify-content:center;gap:.4em;padding:.3em .5em;border-radius:calc(var(--pc-w) * .03);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(0,0,0,.35));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t1) 45%,transparent);z-index:3}.pc-gem{flex:none;width:.62em;height:.62em;transform:rotate(45deg);border-radius:.12em;background:linear-gradient(135deg,#fff 0,var(--t1) 45%,var(--t2) 100%);box-shadow:0 0 .5em var(--t3)}.pc[data-tier=grail] .pc-gem{background:conic-gradient(from 0deg,#ff6ec7,#ffd36e,#6effc4,#6ec8ff,#b56eff,#ff6ec7)}.pc-name{font-size:max(12px,.78em);line-height:1.12;font-weight:700;letter-spacing:.01em;text-align:center;color:#f8f4ea;text-shadow:0 1px 2px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc-foil{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:color-dodge}.pc[data-tier=legendary] .pc-foil{opacity:.4;mix-blend-mode:overlay;background:linear-gradient(115deg,transparent 20%,rgba(255,236,160,.6) 38%,rgba(255,255,255,.85) 45%,rgba(255,210,110,.5) 52%,transparent 70%);background-size:250% 250%}.pc[data-tier=grail] .pc-foil{opacity:.6;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.75) 42%,transparent 62%),linear-gradient(125deg,#ff6ec7,#ffd36e 18%,#6effc4 36%,#6ec8ff 54%,#b56eff 72%,#ff6ec7 90%);background-size:250% 250%,300% 300%;mix-blend-mode:overlay}.pc-sheen{z-index:2;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.16) 48%,transparent 60%);background-size:300% 100%;background-position:120% 0}.pc-sheen,.pc-sparks{position:absolute;inset:0;pointer-events:none}.pc-sparks{z-index:3}.pc-sparks i{position:absolute;width:.9em;height:.9em;margin:-.45em 0 0 -.45em;background:radial-gradient(circle,#fff 0,rgba(255,255,255,0) 60%);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);opacity:0}.pc[data-tier=grail] .pc-frame{padding:calc(var(--pc-w) * .05);box-shadow:inset 0 0 0 1px rgba(255,250,220,.8),inset 0 0 0 calc(var(--pc-w) * .017) rgba(120,76,8,.55),inset 0 0 0 calc(var(--pc-w) * .021) rgba(255,240,190,.7),0 0 calc(var(--pc-w) * .18) rgba(255,210,110,.45)}.pc[data-tier=grail] .pc-face{box-shadow:inset 0 0 0 1px rgba(255,230,160,.8),inset 0 0 calc(var(--pc-w) * .14) rgba(0,0,0,.6)}.pc-orn{position:absolute;z-index:4;width:calc(var(--pc-w) * .13);height:calc(var(--pc-w) * .13);background:linear-gradient(135deg,#fffbe6,#e2a83a 50%,#8a5a0e);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 3px rgba(255,220,140,.9))}.pc-orn-tl{left:-2%;top:-1.5%}.pc-orn-tr{right:-2%;top:-1.5%}.pc-orn-bl{left:-2%;bottom:-1.5%}.pc-orn-br{right:-2%;bottom:-1.5%}.pc-lifted{filter:drop-shadow(0 0 calc(var(--pc-w) * .16) var(--t3)) drop-shadow(0 calc(var(--pc-w) * .1) calc(var(--pc-w) * .12) rgba(0,0,0,.55))}@media (prefers-reduced-motion:no-preference){.pc:not(.pc-still) .art-bob{animation:pc-bob 4.2s ease-in-out infinite;transform-origin:50% 60%}.pc:not(.pc-still) .art-sway{animation:pc-sway 5s ease-in-out infinite;transform-origin:50% 0;transform-box:fill-box}.pc:not(.pc-still) .art-pulse{animation:pc-pulse 2.6s ease-in-out infinite;transform-origin:50% 50%;transform-box:fill-box}.pc:not(.pc-still) .pc-sheen{animation:pc-sheen 5.5s ease-in-out infinite}.pc:not(.pc-still)[data-tier=legendary] .pc-foil{animation:pc-foil 3.6s linear infinite}.pc:not(.pc-still)[data-tier=grail] .pc-foil{animation:pc-foil 3s linear infinite}.pc:not(.pc-still)[data-tier=grail] .pc-rays,.pc:not(.pc-still)[data-tier=legendary] .pc-rays{animation:pc-spin 22s linear infinite}.pc:not(.pc-still)[data-tier=epic] .pc-rays{animation:pc-spin 40s linear infinite}.pc:not(.pc-still) .pc-sparks i{animation:pc-twinkle 3.2s ease-in-out infinite}.pc:not(.pc-still)[data-tier=grail] .pc-orn{animation:pc-orn 2.8s ease-in-out infinite}.pc:not(.pc-still)[data-tier=epic] .pc-gem,.pc:not(.pc-still)[data-tier=grail] .pc-gem,.pc:not(.pc-still)[data-tier=legendary] .pc-gem{animation:pc-gem 2.4s ease-in-out infinite}}@keyframes pc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.2px)}}@keyframes pc-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes pc-pulse{0%,to{transform:scale(.94);opacity:.85}50%{transform:scale(1.06);opacity:1}}@keyframes pc-sheen{0%,55%{background-position:120% 0}85%,to{background-position:-40% 0}}@keyframes pc-foil{0%{background-position:0 0,0 50%}to{background-position:250% 250%,300% 50%}}@keyframes pc-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes pc-spin{to{transform:rotate(1turn)}}@keyframes pc-twinkle{0%,70%,to{opacity:0;transform:scale(.4) rotate(0deg)}80%{opacity:1;transform:scale(1.15) rotate(45deg)}}@keyframes pc-orn{0%,to{filter:drop-shadow(0 0 2px rgba(255,220,140,.7))}50%{filter:drop-shadow(0 0 6px rgba(255,236,180,1))}}@keyframes pc-gem{0%,to{box-shadow:0 0 .35em var(--t3)}50%{box-shadow:0 0 .9em var(--t1)}}.nowrap-word{white-space:nowrap}