.CollectibleSurface-module__kMsn8W__surface{--rx:0deg;--ry:0deg;--ty:0px;--scale:1;--glare-x:50%;--glare-y:50%;border:1px solid color-mix(in srgb, var(--color-primary) 36%, var(--color-border-strong));background:var(--color-card);transform:perspective(920px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--ty)) scale(var(--scale));transform-style:preserve-3d;box-shadow:0 4px 0 color-mix(in srgb, var(--color-primary) 24%, var(--color-surface)), 0 14px 28px #00000038;will-change:transform;border-radius:18px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.CollectibleSurface-module__kMsn8W__surface:before{content:"";border-radius:inherit;background:radial-gradient(520px circle at var(--glare-x) var(--glare-y), #ffffff1c 0%, #ffffff09 18%, transparent 52%);opacity:0;pointer-events:none;z-index:3;transition:opacity .22s;position:absolute;inset:0}.CollectibleSurface-module__kMsn8W__surface[role=button]{cursor:pointer;text-align:left}.CollectibleSurface-module__kMsn8W__surface:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.CollectibleSurface-module__kMsn8W__row{box-shadow:0 3px 0 color-mix(in srgb, var(--color-primary) 20%, var(--color-surface)), 0 10px 20px #0000002e;border-radius:14px}.CollectibleSurface-module__kMsn8W__compact{border-radius:16px}.CollectibleSurface-module__kMsn8W__detail{margin-top:2px;padding:14px}@media (hover:hover){.CollectibleSurface-module__kMsn8W__surface[role=button]:hover{--ty:-7px;--scale:1.035;box-shadow:0 7px 0 color-mix(in srgb, var(--color-primary) 28%, var(--color-surface)), 0 24px 36px #00000047}.CollectibleSurface-module__kMsn8W__surface[role=button]:hover:before{opacity:.55}.CollectibleSurface-module__kMsn8W__row[role=button]:hover{--ty:-4px;--scale:1.02}.CollectibleSurface-module__kMsn8W__surface .mim-collectible-media{overflow:hidden}.CollectibleSurface-module__kMsn8W__surface .mim-collectible-media img{transition:transform .42s cubic-bezier(.22,1,.36,1)}.CollectibleSurface-module__kMsn8W__surface[role=button]:hover .mim-collectible-media img{transform:scale(1.1)}}.CollectibleSurface-module__kMsn8W__surface[role=button]:active{--ty:-1px;--scale:.985;box-shadow:0 2px 0 color-mix(in srgb, var(--color-primary) 22%, var(--color-surface)), 0 8px 14px #0000002e}[data-theme=modern] .CollectibleSurface-module__kMsn8W__surface{background:linear-gradient(145deg,#fff,#eef1f6);border-color:#0d275029;box-shadow:0 5px #5d4aa029,0 18px 28px -16px #0d27506b,0 -8px 18px -14px #fffffff2}[data-theme=modern] .CollectibleSurface-module__kMsn8W__surface[role=button]:hover{box-shadow:0 8px #5d4aa033,0 26px 34px -18px #0d275080,0 -8px 18px -14px #fffffff2}[data-theme=modern] .CollectibleSurface-module__kMsn8W__surface[role=button]:active{box-shadow:0 2px #5d4aa029,0 10px 16px -12px #0d275057}[data-theme=modern] .CollectibleSurface-module__kMsn8W__detail{border-color:#5d4aa03d;box-shadow:0 3px #5d4aa024,0 8px 16px #0d27501f}@media (prefers-reduced-motion:reduce){.CollectibleSurface-module__kMsn8W__surface{transition:none;animation:none;transform:none}.CollectibleSurface-module__kMsn8W__surface:before{display:none}}
