@layer theme, base, cards, components, utilities;@layer components{.pfal-spot{position:relative;display:block;width:100%;aspect-ratio:63/88;container-type:inline-size;border-radius:6%/4.3%;background:color-mix(in oklab,var(--pf-text) 4.5%,var(--pf-bg));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pf-text) 14%,var(--pf-bg));overflow:hidden;transition:box-shadow .18s,background-color .18s}.pfal-spot__in{position:absolute;inset:0;display:flex;flex-direction:column;padding:5cqw 5cqw 4.6cqw}.pfal-spot[data-rarity] .pfal-spot__in:after{content:"";position:absolute;inset:1.8cqw;border:max(1px,.35cqw) solid color-mix(in oklab,var(--r) 34%,var(--pf-bg));border-radius:4.4cqw;pointer-events:none}.pfal-spot__name{display:flex;flex:none;align-items:flex-end;height:10.6cqw;color:var(--pf-text);font-size:8.2cqw;font-weight:700;letter-spacing:-.022em}.pfal-spot__name>span{min-width:0;overflow:hidden;line-height:1.28;white-space:nowrap;text-overflow:ellipsis}.pfal-spot__name[data-size=m]{font-size:6.8cqw}.pfal-spot__name[data-size=l]{font-size:5.8cqw}.pfal-spot__name[data-size=xl]{font-size:5cqw;letter-spacing:-.03em}.pfal-spot__rarity{display:flex;flex:none;align-items:center;gap:3cqw;margin-top:2.4cqw}.pfal-spot__pill{display:inline-flex;align-items:center;padding:1.5cqw 3.2cqw;border-radius:99cqw;background:var(--r);color:var(--pf-on-accent);font-size:4cqw;font-weight:700;line-height:1;white-space:nowrap}.pfal-spot__code{display:none}.pfal-spot__stars{display:flex;gap:1cqw;align-items:center}.pfal-spot__stars svg{display:block;width:4.6cqw;height:4.6cqw;fill:color-mix(in oklab,var(--pf-text) 16%,var(--pf-bg))}.pfal-spot__stars svg[data-on]{fill:var(--r)}.pfal-spot__art{position:relative;flex:none;height:43%;margin-top:3.4cqw;overflow:hidden;border-radius:4cqw;background:color-mix(in oklab,var(--pf-text) 7%,var(--pf-bg))}.pfal-spot__art img{object-fit:cover;filter:grayscale(1) contrast(.95);opacity:.5}.pfal-spot__initial{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in oklab,var(--pf-text) 30%,var(--pf-bg));font-family:var(--pf-font-display),var(--pf-font),sans-serif;font-size:30cqw;font-weight:700;line-height:1}.pfal-spot__sale{align-self:flex-start;margin-top:auto;padding:.28em .75em;border-radius:var(--pf-r-pill);background:color-mix(in oklab,var(--pf-text) 12%,var(--pf-bg));color:var(--pf-text);font-size:clamp(9.5px,5cqw,12px);font-weight:650;line-height:1.2}.pfal-spot--pending{background:color-mix(in oklab,var(--pf-text) 3%,var(--pf-bg));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pf-text) 8%,var(--pf-bg))}.pfal-spot--book{background:color-mix(in oklab,var(--pf-text) 8%,var(--pf-bg));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pf-text) 20%,var(--pf-bg))}.pfal-spot--book .pfal-spot__in{padding:12cqw 11cqw}.pfal-spot--book .pfal-spot__in:after{content:"";position:absolute;inset:4cqw;border:max(1px,.5cqw) solid color-mix(in oklab,var(--pf-text) 16%,var(--pf-bg));border-radius:3cqw;pointer-events:none}.pfal-spot__book{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6;color:var(--pf-text);font-family:var(--pf-font-display),var(--pf-font),sans-serif;font-size:11cqw;font-weight:650;line-height:1.12;letter-spacing:-.015em;overflow-wrap:anywhere;text-wrap:balance}@container (width < 170px){.pfal-spot__in{padding:5.4cqw 5.4cqw 5cqw}.pfal-spot__name{height:14cqw;font-size:10cqw}.pfal-spot__name[data-size=m]{font-size:8.6cqw}.pfal-spot__name:is([data-size=l],[data-size=xl]){font-size:6.4cqw;letter-spacing:-.025em}.pfal-spot__name:is([data-size=l],[data-size=xl])>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.08;white-space:normal;text-wrap:balance}.pfal-spot__rarity{gap:2.4cqw}.pfal-spot__pill{padding:1.6cqw 3.6cqw;font-size:6cqw}.pfal-spot__stars{gap:.8cqw}.pfal-spot__stars svg{width:5cqw;height:5cqw}.pfal-spot__art{height:55%;margin-top:3cqw;border-radius:4.6cqw}}@container (width < 110px){.pfal-spot[data-rarity] .pfal-spot__in:after{inset:2.4cqw}.pfal-spot__name{height:16cqw;font-size:11cqw}.pfal-spot__name[data-size=m]{font-size:9.4cqw}.pfal-spot__name:is([data-size=l],[data-size=xl]){font-size:7.4cqw}.pfal-spot__sale,.pfal-spot__stars,.pfal-spot__word{display:none}.pfal-spot__code{display:inline}.pfal-spot__pill{padding:2cqw 4.4cqw;font-size:7.8cqw}.pfal-spot__art{height:58%;margin-top:3.4cqw}}.pfal-card{display:block}@media (prefers-reduced-motion:reduce){.pfal-spot{transition:none}}}