:root{--pc-bd:#e6e8ee;--pc-shadow:0 1px 3px rgba(15,23,42,.08);--pc-shadow-hover:0 10px 26px rgba(15,23,42,.16),0 0 24px rgba(151,0,205,.25)}.dark{--pc-bd:hsla(0,0%,100%,.09);--pc-shadow:0 2px 10px rgba(0,0,0,.4);--pc-shadow-hover:0 14px 34px rgba(0,0,0,.6),0 0 24px rgba(151,0,205,.35)}.pc-card{position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:2/3;container-type:inline-size;border-radius:16px;overflow:hidden;cursor:pointer;color:#fff;background:radial-gradient(90% 55% at 50% 58%,hsla(0,0%,100%,.14),transparent 70%),linear-gradient(165deg,var(--pc-h1),#0d1120 88%);border:1px solid var(--pc-bd);box-shadow:var(--pc-shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.pc-card:hover{transform:translateY(-5px);border-color:rgba(194,75,255,.5);box-shadow:var(--pc-shadow-hover)}.pc-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 40% at 50% 62%,var(--pc-h2),transparent 75%);opacity:.55;filter:blur(6px);transition:opacity .25s ease}.pc-card:hover:before{opacity:.85}.pc-t0{--pc-h1:#2b1055;--pc-h2:#7a1fa8}.pc-t1{--pc-h1:#0b2a4a;--pc-h2:#155e9e}.pc-t2{--pc-h1:#3a0d2e;--pc-h2:#a1136e}.pc-t3{--pc-h1:#0d3330;--pc-h2:#0f8a6f}.pc-t4{--pc-h1:#3a2405;--pc-h2:#b4761b}.pc-t5{--pc-h1:#330d0d;--pc-h2:#a11322}.pc-title{position:relative;z-index:2;text-align:center;padding:clamp(24px,15cqw,34px) clamp(6px,4.5cqw,10px) 0;font-size:clamp(11px,8.5cqw,19px);line-height:1.05;font-weight:900;font-style:italic;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.75),0 0 18px var(--pc-h2)}.pc-art{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.pc-main{width:78%;height:82%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.65));transition:transform .25s ease}.pc-card:hover .pc-main{transform:scale(1.06)}.pc-cover{width:96%;height:96%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));transition:transform .25s ease}.pc-card:hover .pc-cover{transform:scale(1.05)}.pc-side{position:absolute;width:34%;height:38%;-o-object-fit:contain;object-fit:contain;opacity:.85;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.pc-side--l{left:4px;bottom:14%;transform:rotate(-9deg)}.pc-side--r{right:4px;top:9%;transform:rotate(8deg)}.pc-foot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(4px,3cqw,8px);padding:0 clamp(6px,4.5cqw,10px) clamp(6px,4.5cqw,10px)}.pc-upto{font-size:clamp(8px,4.5cqw,10px);line-height:1.25;color:hsla(0,0%,100%,.75);text-shadow:0 1px 4px rgba(0,0,0,.8)}.pc-upto b{display:block;font-size:clamp(9px,5.5cqw,12px);color:#ffd76a}.pc-price{display:inline-flex;align-items:center;gap:clamp(3px,2.2cqw,5px);flex:none;font-weight:900;font-size:clamp(10px,6.5cqw,14px);color:#5ee08a;background:rgba(10,14,24,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.14);border-radius:10px;padding:clamp(3px,2.5cqw,6px) clamp(6px,4.5cqw,10px)}.pc-price svg{width:clamp(10px,6cqw,13px);height:clamp(10px,6cqw,13px);color:#c24bff}.pc-price--strike{color:#8b93a6;text-decoration:line-through;font-size:11px;padding:0;background:none;border:none}.pc-disc{top:8px;left:8px;gap:4px;color:#5ee08a;background:rgba(15,23,42,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid hsla(0,0%,100%,.14);border-radius:8px;padding:clamp(2px,1.5cqw,3px) clamp(5px,3.5cqw,8px)}.pc-disc,.pc-hot{position:absolute;z-index:3;display:inline-flex;align-items:center;font-weight:900;font-size:clamp(9px,5cqw,11px)}.pc-hot{top:9px;right:9px;gap:6px;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#ff3b5c,#d61a45);border-radius:999px;padding:clamp(2px,1.8cqw,4px) clamp(7px,5cqw,11px);box-shadow:0 0 14px rgba(255,45,85,.6);animation:pc-hotpop .38s cubic-bezier(.34,1.7,.5,1) both,pc-hotpulse 1.5s ease-in-out .38s infinite}.pc-hot .dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pc-blink 1s ease-in-out infinite}@keyframes pc-hotpop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes pc-hotpulse{0%,to{box-shadow:0 0 12px rgba(255,45,85,.5)}50%{box-shadow:0 0 24px rgba(255,45,85,.9)}}@keyframes pc-blink{0%,to{opacity:1}50%{opacity:.3}}.pc-timer{position:absolute;left:50%;transform:translateX(-50%);bottom:clamp(38px,23cqw,52px);z-index:3;display:inline-flex;align-items:center;gap:clamp(3px,2.2cqw,5px);font-weight:800;font-size:clamp(9px,5cqw,11px);color:#fff;background:rgba(10,14,24,.78);border:1px solid hsla(0,0%,100%,.14);border-radius:999px;padding:clamp(2px,1.8cqw,4px) clamp(6px,4.5cqw,10px)}.pc-timer svg{width:clamp(10px,5.5cqw,12px);height:clamp(10px,5.5cqw,12px)}.pc-sold{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:rgba(8,10,18,.66);-webkit-backdrop-filter:blur(2px) grayscale(.6);backdrop-filter:blur(2px) grayscale(.6)}.pc-sold span{font-weight:900;font-size:clamp(10px,6cqw,14px);letter-spacing:.08em;text-transform:uppercase;color:#fff;border:2px solid hsla(0,0%,100%,.6);border-radius:10px;padding:clamp(5px,3.5cqw,8px) clamp(10px,8cqw,18px);transform:rotate(-8deg)}@media (prefers-reduced-motion:reduce){.pc-card,.pc-cover,.pc-main{transition:none}.pc-card:hover{transform:none}.pc-hot{animation:none}}