.opk-card{color:inherit;text-align:left;cursor:pointer;background:linear-gradient(170deg,oklch(24% .04 250/.86),oklch(16% .03 255/.92));border-radius:18px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.09),0 14px 30px -20px #000c}.opk-card:hover,.opk-card:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--acc) 60%, transparent), 0 14px 30px -20px #000c;outline:none;transform:translateY(-3px)}.opk-stage{aspect-ratio:4/5;background:radial-gradient(60% 40% at 50% 90%, color-mix(in oklab, var(--acc) 30%, transparent), transparent 70%), radial-gradient(80% 70% at 50% 20%, oklch(30% .05 250/.6), transparent 70%);place-items:center;display:grid;position:relative;overflow:hidden}.opk-stage:after{content:"";filter:blur(8px);background:#00000080;border-radius:50%;height:7%;position:absolute;bottom:6%;left:24%;right:24%}.opk-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--acc) 55%, transparent), transparent);opacity:.55;filter:blur(14px);border-radius:50%;position:absolute;inset:18% 14% 22%}.opk-art{z-index:1;aspect-ratio:200/320;filter:drop-shadow(0 12px 14px #00000080);width:58%;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative}.opk-art svg{width:100%;height:100%;display:block}.opk-card:hover .opk-art,.opk-card:focus-visible .opk-art{transform:translateY(-6px)rotate(-2deg)scale(1.04)}.opk-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;display:flex}@media (width<=520px){.opk-row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.opk-card,.opk-art{transition:none}.opk-card:hover .opk-art{transform:none}}.pk-thumb{position:relative;container-type:size}.pk-thumb img[data-fit]{--pf-side:76cqw;--pf-tw:86cqw;--pf-th:80cqh;--pf-w:min(calc(var(--pf-side) * var(--pf-k)), var(--pf-tw), calc(var(--pf-th) * var(--pf-ar)));left:calc(50% - var(--pf-w) * var(--pf-ox));top:calc(50% - var(--pf-w) * var(--pf-oy));width:calc(var(--pf-w) * var(--pf-iw));max-width:none;height:auto;max-height:none;position:absolute}.pk-thumb img[data-fit][data-shape=ball]{--pf-side:62cqw}
