.poster-card[data-v-7d3f997b]{z-index:0;gap:var(--sp-2);transition:transform var(--dur) var(--ease);flex-direction:column;display:flex;position:relative}.poster-card.is-ranked[data-v-7d3f997b]{padding-left:calc(var(--w) * .17)}.poster-card__rank[data-v-7d3f997b]{left:0;top:calc(var(--w) * 1.5);z-index:1;width:calc(var(--w) * .46);font-family:var(--font-display);font-weight:700;font-size:calc(var(--w) * .45);letter-spacing:-.08em;color:var(--bg-primary);-webkit-text-stroke:calc(var(--w) * .07) var(--text-primary);paint-order:stroke fill;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;transform:translateY(-100%)}.poster-card__frame[data-v-7d3f997b]{aspect-ratio:2/3;border:1px solid var(--hairline);background:var(--bg-elevated);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease);border-radius:10px;position:relative;overflow:hidden}.poster-card__media[data-v-7d3f997b]{transition:filter var(--dur) var(--ease),transform var(--dur) var(--ease);position:absolute;inset:0}.poster-card__img[data-v-7d3f997b]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.poster-card__fallback[data-v-7d3f997b]{opacity:.35;place-items:center;height:100%;display:grid}.poster-card__hover[data-v-7d3f997b]{justify-content:center;align-items:center;gap:calc(var(--sp-2) * var(--hover-scale,1));padding:calc(var(--sp-3) * var(--hover-scale,1));text-align:center;opacity:0;transition:opacity var(--dur) var(--ease);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.poster-card__play[data-v-7d3f997b]{width:calc(44px * var(--hover-scale,1));height:calc(44px * var(--hover-scale,1));margin-bottom:calc(var(--sp-1) * var(--hover-scale,1));border-radius:var(--r-pill);color:var(--bg-primary);transition:transform var(--dur) var(--ease);background:#fff;place-items:center;display:grid;transform:scale(.86);box-shadow:0 8px 22px -8px #000000b3}.poster-card__play[data-v-7d3f997b] svg{width:calc(18px * var(--hover-scale,1));height:calc(18px * var(--hover-scale,1))}.poster-card__hover-title[data-v-7d3f997b]{font-weight:600;font-size:calc(.875rem * var(--hover-scale,1));color:#fff;text-shadow:0 1px 10px #0009;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.poster-card__hover-meta[data-v-7d3f997b]{font-size:calc(var(--fs-caption) * var(--hover-scale,1));color:#ffffffc2;line-height:1.3}.poster-card__title[data-v-7d3f997b]{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;line-height:1.3;overflow:hidden}.poster-card__meta[data-v-7d3f997b]{align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);margin-top:-2px;line-height:1.3;display:flex}.poster-card__count[data-v-7d3f997b]{color:var(--text-disabled);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poster-card__genre[data-v-7d3f997b]{color:var(--brand-hover);white-space:nowrap;margin-left:auto;font-weight:600}.poster-card[data-v-7d3f997b]:focus-visible{outline:none}.poster-card:focus-visible .poster-card__frame[data-v-7d3f997b],.poster-card:hover .poster-card__frame[data-v-7d3f997b]{border-color:var(--hairline-strong);box-shadow:0 20px 40px -20px #000000f2}.poster-card:focus-visible .poster-card__frame[data-v-7d3f997b]{outline:2px solid var(--brand-hover);outline-offset:2px}@media (hover:hover){.poster-card[data-v-7d3f997b]:focus-visible,.poster-card[data-v-7d3f997b]:hover{z-index:2;transform:scale(1.05)}.poster-card:focus-visible .poster-card__media[data-v-7d3f997b],.poster-card:hover .poster-card__media[data-v-7d3f997b]{filter:blur(7px)brightness(.48);transform:scale(1.08)}.poster-card:focus-visible .poster-card__hover[data-v-7d3f997b],.poster-card:hover .poster-card__hover[data-v-7d3f997b]{opacity:1}.poster-card:focus-visible .poster-card__play[data-v-7d3f997b],.poster-card:hover .poster-card__play[data-v-7d3f997b]{transform:scale(1)}.poster-card[data-v-7d3f997b]:active{transform:scale(1.01)}}@media (prefers-reduced-motion:reduce){.poster-card[data-v-7d3f997b]:focus-visible,.poster-card[data-v-7d3f997b]:hover{transform:none}}
