/* A receipt is one angled illustrated surface. Generous icon space and a
   separate award baseline keep the live contents inside its painted frame. */
.collection-entry{height:5cqw;min-height:5cqw}
.collection-face{display:block;inset:0;padding:0;transform:skewY(1.2deg);overflow:visible}
.collection-card-art{inset:0;width:100%;height:100%;object-fit:fill}
.collection-entry .item-art{position:absolute;left:4.4%;top:10%;width:3.95cqw;height:3.95cqw;z-index:1;filter:drop-shadow(0 .1cqw .14cqw #000b) drop-shadow(0 0 .2cqw color-mix(in srgb,var(--collection-accent) 23%,transparent));pointer-events:none}
.collection-entry .collection-icon{background-repeat:no-repeat;background-size:var(--icon-background-size);background-position:var(--icon-background-position);image-rendering:auto}
.collection-copy{position:absolute;left:33.5%;right:7.3%;top:24%;bottom:23%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;z-index:1}
.collection-copy b{display:block;font-size:.96cqw;line-height:1.12;font-weight:750;font-stretch:condensed;letter-spacing:.016cqw;white-space:nowrap;text-shadow:0 .055cqw .08cqw #000c;color:#bdeeff}
.collection-copy small{display:block;margin:0;font-size:.48cqw;line-height:1.1;font-weight:600;letter-spacing:.025cqw;color:#8eafc6;white-space:nowrap;max-width:58%;overflow:hidden;text-overflow:ellipsis}
.collection-entry .collection-value{position:absolute;right:7.3%;bottom:20.5%;min-width:0;font-size:1.03cqw;font-weight:800;line-height:1;letter-spacing:-.015cqw;text-align:right;white-space:nowrap;text-shadow:0 .07cqw .08cqw #000b,0 0 .4cqw color-mix(in srgb,var(--collection-accent) 25%,transparent);max-width:38%}
.collection-entry[data-type=uranium] .collection-value{font-size:1.03cqw}
.collection-entry .collection-value-word,.collection-entry[data-type=minigun] .collection-value,.collection-entry[data-type=grow] .collection-value,.collection-entry[data-type=shield] .collection-value,.collection-entry[data-kind=blocked] .collection-value{font-size:.6cqw;font-weight:800;letter-spacing:.04cqw;bottom:22.5%}
.collection-entry[data-type=uranium] .collection-copy b{color:#d8ff8c}
.collection-entry[data-type=minigun] .collection-copy b{color:#ffd5c4}
.collection-entry[data-type=grow] .collection-copy b{color:#91e7ff}
.collection-entry[data-type=shield] .collection-copy b,.collection-entry[data-kind=blocked] .collection-copy b{color:#a0fff0}
.collection-entry[data-type=mine] .collection-copy b,.collection-entry[data-type=missile] .collection-copy b{color:#ffc79f}
.collection-entry[data-kind=blocked] .collection-copy b{font-size:.8cqw}
.collection-entry.collection-long-detail .collection-copy small{font-size:.4cqw}
.collection-entry .collection-value[data-length="8"],.collection-entry .collection-value[data-length="9"],.collection-entry .collection-value[data-length="10"]{font-size:.83cqw}
.collection-face::before{content:'';position:absolute;left:7%;top:16%;width:25%;height:68%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--collection-accent) 13%,transparent),transparent 72%);pointer-events:none;z-index:0}
.collection-arrival .collection-icon{animation:collectionIllustrationArrival 420ms cubic-bezier(.16,1,.3,1)}
@keyframes collectionIllustrationArrival{0%{opacity:.35;transform:scale(.72);filter:brightness(1.9) drop-shadow(0 0 .4cqw var(--collection-accent))}62%{opacity:1;transform:scale(1.07)}100%{transform:none}}
@media(max-aspect-ratio:1/1){
 .collection-entry{height:32%;min-height:32%}
 .collection-face{transform:none}
 .collection-entry .item-art{left:8%;top:9%;width:7cqw;height:7cqw;filter:drop-shadow(0 .2cqw .3cqw #000b)}
 .collection-copy{left:22%;right:8%;top:21%;bottom:22%}
 .collection-copy b{font-size:2.5cqw;letter-spacing:.035cqw}
 .collection-copy small,.collection-entry.collection-long-detail .collection-copy small{font-size:1.45cqw;letter-spacing:.02cqw;max-width:64%}
 .collection-entry[data-kind=blocked] .collection-copy b{font-size:2.5cqw}
 .collection-entry .collection-value,.collection-entry[data-type=uranium] .collection-value{font-size:3.45cqw;right:8%;bottom:20%}
 .collection-entry .collection-value-word,.collection-entry[data-type=minigun] .collection-value,.collection-entry[data-type=grow] .collection-value,.collection-entry[data-type=shield] .collection-value,.collection-entry[data-kind=blocked] .collection-value{font-size:2.15cqw;letter-spacing:.08cqw;bottom:22%}
 .collection-entry .collection-value[data-length="8"],.collection-entry .collection-value[data-length="9"],.collection-entry .collection-value[data-length="10"]{font-size:2.85cqw}
 .collection-face::before{left:5%;width:15%}
}
@media(prefers-reduced-motion:reduce){.collection-arrival .collection-icon{animation:none}}
.reduced-motion .collection-arrival .collection-icon{animation:none}
