/* Shared Gallery Card used by Home, Archive, Character and My Room. */
body.pd-web .sp-archive__item,body.pd-web .sp-character__item{min-width:0;display:contents}
body.pd-web .sp-archive__item[hidden]{display:none!important}
body.pd-web .sp-archive__folder h2{margin:calc(var(--space-xs) * 0.5926) 0 0;font:var(--heading-font-weight) clamp(calc(var(--h3) * 0.8),calc(var(--h2) * 0.6875),calc(var(--h2) * 0.7083))/var(--text-line-height) var(--pd-display);letter-spacing:var(--h2-letter-spacing)}
body.pd-web .sp-index__folders .sp-archive__folder{width:100%}
body.pd-web .sp-archive__folder-name{display:block;padding:calc(var(--space-m) * 0.8667) calc(var(--space-m) * 0.8333) 0}
.sp-archive__folder{position:relative;display:block;isolation:isolate;aspect-ratio:.745;overflow:hidden;padding:calc(var(--space-xs) * 0.5185);border-radius:calc(var(--radius) * 1.3571);background:var(--base);color:var(--pd-text);box-shadow:var(--pd-shadow);transition:transform .5s var(--pd-ease)}
.sp-archive__folder:focus-visible{outline-offset:5px}
.sp-archive__folder-image{position:absolute;inset:7px 7px 16%;overflow:hidden;border-radius:calc(var(--radius) * 0.9286) calc(var(--radius) * 0.9286) 0 0}
.sp-archive__folder-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--base-ultra-dark) 76.0784%,transparent),transparent 52%)}
.sp-archive__folder-image img{width:100%;height:100%;object-fit:cover;object-position:var(--image-position);filter:saturate(.7);transition:transform .8s var(--pd-ease),filter .5s}
.sp-archive__folder-index{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:var(--neutral-ultra-light);text-shadow:0 1px 8px var(--base-ultra-dark);font:calc(var(--text-xs) * 0.75)/var(--text-line-height) var(--pd-mono);letter-spacing:calc(var(--h6-letter-spacing) * 0.7)}
.sp-archive__folder-index .pd-icon{width:17px;height:17px}
.sp-archive__folder-front{position:absolute;inset:66% 0 0;background:linear-gradient(160deg,var(--base),var(--base));clip-path:polygon(0 0,48% 0,50% 1%,57% 10%,59% 12%,100% 12%,100% 100%,0 100%);border-top:1px solid color-mix(in srgb,var(--neutral-hover) 20%,transparent);transition:transform .55s var(--pd-ease)}
.sp-archive__folder-name{display:block;padding:calc(var(--space-m) * 0.8667) calc(var(--space-m) * 0.8333) 0}
.sp-archive__folder-name span{font-size:calc(var(--text-xs) * 0.8333);color:var(--neutral-light)}
.sp-archive__folder h2{margin-top:calc(var(--space-xs) * 0.5926);font-size:calc(var(--h2) * 0.7083);line-height:var(--h1-line-height);letter-spacing:var(--h2-letter-spacing)}
.sp-archive__folder-foot{position:absolute;bottom:25px;left:25px;right:25px;display:flex;gap:calc(var(--space-xs) * 0.7407);align-items:center;justify-content:space-between;font:calc(var(--text-xs) * 0.75)/var(--text-line-height) var(--pd-mono);color:var(--pd-muted)}
.sp-archive__access{display:inline-flex;align-items:center;gap:calc(var(--space-xs) * 0.4444);padding:calc(var(--space-xs) * 0.3704) calc(var(--space-xs) * 0.5926);border:1px solid var(--neutral-dark);border-radius:calc(var(--radius) * 0.3571);background:var(--base);color:var(--neutral-ultra-light);font:calc(var(--text-xs) * 0.75)/var(--text-line-height) var(--pd-font)}
.sp-archive__access .pd-icon{width:11px;height:11px}
.sp-archive__folder--witness .sp-archive__access{color:var(--tertiary-light);border-color:var(--tertiary-semi-dark);background:var(--tertiary-dark)}
.sp-archive__folder--witness::before{content:"";position:absolute;z-index:3;left:14%;right:14%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--pd-gold),transparent);opacity:.86}
.sp-archive__folder--witness::after{content:"";position:absolute;z-index:2;left:8%;right:8%;bottom:-28px;height:62px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--pd-gold) 50%,transparent),transparent 70%);filter:blur(9px);opacity:.75;pointer-events:none}
.sp-archive__folder--witness .sp-archive__folder-image img{filter:saturate(.42) brightness(.73)}
.sp-archive__folder:hover,.sp-archive__folder:focus-visible{transform:translateY(-7px)}
.sp-archive__folder:hover .sp-archive__folder-front,.sp-archive__folder:focus-visible .sp-archive__folder-front{transform:translateY(12px)}
.sp-archive__folder:hover .sp-archive__folder-image img,.sp-archive__folder:focus-visible .sp-archive__folder-image img{transform:scale(1.035);filter:saturate(.95)}
@media(max-width:980px){.sp-archive__folder-index,.sp-archive__folder-foot{left:18px;right:18px}
.sp-archive__folder-name{padding-left:calc(var(--space-s) * 0.9);padding-right:calc(var(--space-s) * 0.9)}
.sp-archive__folder h2{font-size:calc(var(--h3) * 0.8333)}}
@media(max-width:700px){.sp-archive__folder{width:100%;max-width:460px;margin-inline:auto;aspect-ratio:.81}
.sp-archive__folder-image{bottom:12%}
.sp-archive__folder-front{top:65%}
.sp-archive__folder h2{font-size:calc(var(--h2) * 0.6667)}}
@media(prefers-reduced-motion:reduce){.sp-archive__folder,.sp-archive__folder-front,.sp-archive__folder-image img{transition-duration:0s}
.sp-archive__folder:hover,.sp-archive__folder:focus-visible{transform:none}
.sp-archive__folder:hover .sp-archive__folder-front,.sp-archive__folder:focus-visible .sp-archive__folder-front{transform:none}}