.holo-card-wrap{-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;flex-direction:column;align-items:center;gap:10px;display:inline-flex}.holo-card-wrap:active{cursor:grabbing}.holo-card-inner{border-radius:var(--r-card);transform:perspective(600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;position:relative;overflow:hidden;box-shadow:0 8px 32px #1c19172e,0 0 0 1px #ffffff0f}.holo-card-wrap[data-tilted=false] .holo-card-inner{transition:transform .65s cubic-bezier(.23,1,.32,1),box-shadow .65s cubic-bezier(.23,1,.32,1)}.holo-card-wrap[data-tilted=true] .holo-card-inner{transition:none;box-shadow:0 20px 60px #1c191738,0 0 0 1px #1c191714}@keyframes holo-idle{0%{transform:perspective(600px)rotateX(0)rotateY(-3deg)}40%{transform:perspective(600px)rotateX(1.5deg)rotateY(3deg)}70%{transform:perspective(600px)rotateX(-1deg)rotateY(1.5deg)}to{transform:perspective(600px)rotateX(0)rotateY(-3deg)}}.holo-card-wrap[data-tilted=false] .holo-card-inner{animation:6s ease-in-out infinite holo-idle}.holo-card-wrap[data-tilted=true] .holo-card-inner{animation:none}.holo-card-img{border-radius:var(--r-card);pointer-events:none;width:190px;height:auto;display:block}.holo-card-specular,.holo-card-foil,.holo-card-rainbow,.holo-card-flare{border-radius:var(--r-sm);pointer-events:none;position:absolute;inset:0}.holo-card-specular{background:radial-gradient(circle at var(--sx,50%) var(--sy,50%), #fff3 0%, transparent 58%);mix-blend-mode:overlay;z-index:1}.holo-card-foil{mix-blend-mode:overlay;z-index:2;background:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff0a 2px 4px)}.holo-card-inner[data-pattern=cosmos] .holo-card-rainbow{background:radial-gradient(circle, #ffffffb3 1px, transparent 1px) 0 0 / 20px 20px, radial-gradient(circle, #ffffff80 1px, transparent 1px) 10px 12px / 32px 28px, linear-gradient(var(--ha,90deg), #ff4c4c 0%, #fff04c 14%, #6aff4c 28%, #4cffd2 43%, #4c88ff 57%, #b54cff 72%, #ff4ca6 86%, #ff4c4c 100%);mix-blend-mode:color-dodge;opacity:.3;z-index:3}.holo-card-inner[data-pattern=tinsel] .holo-card-rainbow{background:repeating-linear-gradient(0deg, transparent 0px, transparent 3px, #ffffff2e 3px, #ffffff2e 4px), linear-gradient(var(--ha,90deg), #ff4c4c 0%, #fff04c 14%, #6aff4c 28%, #4cffd2 43%, #4c88ff 57%, #b54cff 72%, #ff4ca6 86%, #ff4c4c 100%);mix-blend-mode:color-dodge;opacity:.3;z-index:3}.holo-card-inner[data-pattern=sheen] .holo-card-rainbow{background:repeating-linear-gradient(135deg, transparent 0px, transparent 4px, #ffffff24 4px, #ffffff24 5px), linear-gradient(var(--ha,90deg), #ff4c4c 0%, #fff04c 14%, #6aff4c 28%, #4cffd2 43%, #4c88ff 57%, #b54cff 72%, #ff4ca6 86%, #ff4c4c 100%);mix-blend-mode:color-dodge;opacity:.3;z-index:3}.holo-card-inner[data-pattern=water-web] .holo-card-rainbow{background:repeating-linear-gradient(10deg, transparent 0px, transparent 7px, #ffffff1a 7px, #ffffff1a 8px), repeating-linear-gradient(170deg, transparent 0px, transparent 7px, #ffffff1a 7px, #ffffff1a 8px), linear-gradient(var(--ha,90deg), #ff4c4c 0%, #fff04c 14%, #6aff4c 28%, #4cffd2 43%, #4c88ff 57%, #b54cff 72%, #ff4ca6 86%, #ff4c4c 100%);mix-blend-mode:color-dodge;opacity:.3;z-index:3}.holo-card-inner[data-pattern=bars] .holo-card-rainbow{background:repeating-linear-gradient(90deg, transparent 0px, transparent 7px, #ffffff29 7px, #ffffff29 10px), linear-gradient(var(--ha,90deg), #ff4c4c 0%, #fff04c 14%, #6aff4c 28%, #4cffd2 43%, #4c88ff 57%, #b54cff 72%, #ff4ca6 86%, #ff4c4c 100%);mix-blend-mode:color-dodge;opacity:.3;z-index:3}.holo-card-inner[data-pattern=mirage] .holo-card-rainbow{background:repeating-linear-gradient(0deg, transparent 0px, transparent 5px, #ffffff1f 5px, #ffffff1f 6px), linear-gradient(var(--ha,90deg), #ff4c4c 0%, #fff04c 14%, #6aff4c 28%, #4cffd2 43%, #4c88ff 57%, #b54cff 72%, #ff4ca6 86%, #ff4c4c 100%);mix-blend-mode:color-dodge;opacity:.3;z-index:3}.holo-card-inner[data-reverse=true] .holo-card-rainbow{mix-blend-mode:screen;opacity:.5}.holo-card-inner:not([data-reverse=true]) .holo-card-foil,.holo-card-inner:not([data-reverse=true]) .holo-card-rainbow{clip-path:inset(17% 6% 40% round 3px)}.holo-card-flare{background:radial-gradient(circle at var(--sx,50%) var(--sy,50%), #ffffff80 0%, #ffffff14 30%, transparent 55%);mix-blend-mode:overlay;z-index:4}.holo-card-hint{color:var(--ink-3);letter-spacing:.04em;text-align:center;font-size:11px}