.holo-card{--hc-w:320px;--hc-ratio:.716;--hc-radius:14px;width:var(--hc-w);max-width:100%;aspect-ratio:var(--hc-ratio);border-radius:var(--hc-radius);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;outline:none;display:inline-block;position:relative}.holo-card[data-flippable]{cursor:pointer}.holo-card[data-flippable]:focus-visible{outline-offset:6px;outline:2px solid}.holo-card__shadow{border-radius:var(--hc-radius);filter:blur(26px);pointer-events:none;will-change:transform;background:#0000006b;position:absolute;inset:10% 7% -4%}.holo-card__rotor{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.holo-card__face{border-radius:var(--hc-radius);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.holo-card__face--back{transform:rotateY(180deg)}.holo-card__face img,.holo-card__face canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.holo-card__face img{object-fit:cover;pointer-events:none;-webkit-user-drag:none}.holo-card__face canvas{opacity:0;transition:opacity .3s}.holo-card[data-ready] .holo-card__face canvas{opacity:1}