.component-art{--aura:#82a4b7;height:188px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;border-radius:12px;margin-bottom:20px;background:radial-gradient(ellipse at 50% 30%,#32404f,#0a111c 85%);border:1px solid #ffffff15;perspective:600px}.component-art.tier-rare{--aura:#55d6ff}.component-art.tier-epic{--aura:#b888ff}.component-art.tier-legend{--aura:#ffd36c;background:radial-gradient(ellipse at 50% 55%,#5f4329,#17151b 75%);border-color:#ffc96a66}.component-body{position:relative;width:76%;max-width:225px;transform:rotateX(22deg)rotateY(-14deg)rotateZ(-9deg);filter:drop-shadow(6px 17px 9px #0009);z-index:2;transition:transform .4s}.store-card:hover .component-body{transform:rotateX(12deg)rotateY(8deg)rotateZ(-4deg)translateY(-5px)}.component-halo{position:absolute;width:75%;height:65%;background:radial-gradient(ellipse,color-mix(in srgb,var(--aura) 35%,transparent),transparent 67%);filter:blur(10px);opacity:.4}.tier-legend .component-halo,.tier-epic .component-halo{animation:component-breathe 3s ease-in-out infinite;opacity:1}.component-orbit{position:absolute;width:68%;height:55%;border-radius:50%;border:1px solid transparent;border-top-color:var(--aura);border-bottom-color:var(--aura);box-shadow:0 0 15px color-mix(in srgb,var(--aura) 25%,transparent);transform:rotate(-25deg);opacity:0}.tier-legend .component-orbit{opacity:.65;animation:component-orbit 8s linear infinite}.component-particles{position:absolute;inset:0;pointer-events:none}.component-particles i{position:absolute;width:3px;height:3px;background:var(--aura);border-radius:50%;left:calc(15% + var(--p)*14%);bottom:18%;opacity:0;box-shadow:0 0 8px var(--aura)}.tier-legend .component-particles i,.tier-epic .component-particles i{animation:component-rise 3.5s ease-in infinite;animation-delay:calc(var(--p)*-.61s)}.component-tier{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:8px monospace;letter-spacing:1.6px;color:var(--aura);z-index:3}.gpu-shell{position:relative;display:flex;align-items:center;justify-content:space-evenly;height:75px;padding:6px 5px 17px;background:linear-gradient(140deg,#8b949e,#27323e 25%,#0e1722 65%,#5d6e7d);border:2px solid #8a9aa8;border-radius:7px 13px 7px 7px;box-shadow:0 8px #15232d,inset 0 0 0 3px #17222e}.gpu-shell:after{content:'';position:absolute;left:4%;right:4%;bottom:10px;height:2px;background:var(--aura);box-shadow:0 0 8px var(--aura)}.gpu-shell small{position:absolute;bottom:1px;left:12px;font:6px monospace;color:#b7c4d2!important;letter-spacing:2px}.gpu-fan{position:relative;display:block;width:48px;height:48px;border-radius:50%;background:repeating-conic-gradient(#111b24 0deg 22deg,#53606d 24deg 37deg,#17202c 40deg 60deg);border:3px solid #647887;box-shadow:0 0 0 2px #111b24,inset 0 0 10px #000}.gpu-fan b{position:absolute;inset:16px;background:#8096a5;border-radius:50%;box-shadow:0 0 0 2px #141e2a}.tier-legend .gpu-fan,.tier-epic .gpu-fan{animation:component-spin 5s linear infinite}.gold-contacts{position:absolute;height:8px;bottom:-14px;left:14%;width:52%;background:repeating-linear-gradient(90deg,#d4ad63 0 4px,#6d502b 4px 6px);border-radius:0 0 2px 2px}.component-cpu .component-body{width:116px;height:116px}.cpu-pins{position:absolute;inset:-9px;background:repeating-linear-gradient(90deg,#d1b77a 0 3px,transparent 3px 8px)}.cpu-pins:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#d1b77a 0 3px,transparent 3px 8px);transform:rotate(90deg)}.cpu-board{position:absolute;inset:0;background:linear-gradient(145deg,#326c61,#13382e);border:3px solid #597467;box-shadow:0 5px #172720}.cpu-cap{position:absolute;inset:9px;border:1px solid #d1d9dc;background:linear-gradient(135deg,#eff2ed,#8d9caa 40%,#d4d8d8 55%,#6b7e91);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:3px 4px 0 #0b17295c}.cpu-cap small{color:#273949!important;font:9px monospace;letter-spacing:3px}.cpu-cap strong{font:30px monospace;color:#23364b!important}.cpu-cap span{font:5px monospace;color:#283e51;letter-spacing:.5px}.tier-legend .cpu-cap{background:linear-gradient(135deg,#fff0b9,#ab7d3e 42%,#f8d896 60%,#8f642d);border-color:#fff0be;box-shadow:0 0 17px #f8c86566}.ram-board,.ssd-board{position:relative;display:flex;gap:7px;align-items:center;padding:12px;background:linear-gradient(150deg,#32625b,#12362f);border:2px solid #5f8870;border-radius:4px;height:58px;box-shadow:0 5px #11271e}.ram-board>i,.ssd-board>i{width:30px;height:30px;display:block;background:linear-gradient(135deg,#4f5c64,#131d27);border:1px solid #829088;box-shadow:0 2px 4px #0007}.ram-board small{position:absolute;top:3px;font:5px monospace;color:#cedbc8!important}.ssd-label{background:#d2dad7;padding:6px}.ssd-label b{font:11px monospace;color:#20333d!important}.ssd-label small{display:block;font:5px monospace;color:#253b48!important}.component-storage .component-body{max-width:190px}.auction-feature>.component-art{width:280px;flex-shrink:0}.themed-interface .store-card:has(.tier-legend){border-color:#c99b5355;box-shadow:0 8px 30px #e0a33a0b}.themed-interface .store-card:has(.tier-legend):hover{border-color:#e7bc66;box-shadow:0 12px 35px #e0a33a25}@keyframes component-rise{0%{opacity:0;transform:translate(0,0)scale(.5)}25%{opacity:.85}100%{opacity:0;transform:translate(15px,-130px)scale(0)}}@keyframes component-breathe{50%{transform:scale(1.2)rotate(12deg);filter:blur(16px)}}@keyframes component-orbit{to{transform:rotate(335deg)}}@keyframes component-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.component-art *{animation:none!important;transition:none!important}.component-particles i{display:none}}.reduce-motion .component-art *{animation:none!important;transition:none!important}@media(max-width:600px){.component-art{height:155px}.gpu-fan{width:33px;height:33px}.gpu-fan b{inset:10px}.gpu-shell{height:60px}.component-cpu .component-body{width:90px;height:90px}.component-tier{letter-spacing:.5px;font-size:7px}.ram-board,.ssd-board{padding:7px;gap:4px}.ram-board>i,.ssd-board>i{width:20px;height:25px}}