:root{--card-width:300px;--card-height:406px;--card-radius:24px;--card-inner-radius:18px;--card-padding:20px;--text-color:#fff;--text-shadow:0 2px 12px #000000d9;--font-title:"Arial Black", system-ui, sans-serif;--font-body:system-ui, sans-serif;--border-gold:#ffd77873;--border-white:#ffffff38}.card-stage{perspective:1400px}.holo-card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);transform-style:preserve-3d;will-change:transform;cursor:pointer;opacity:1;background-color:#171717;background-position:50%;background-repeat:no-repeat;background-size:122%;animation:1.2s cubic-bezier(.16,1,.3,1) .3s backwards cardEnter;position:relative;overflow:hidden;box-shadow:0 40px 80px #0009}@keyframes cardEnter{0%{transform:translateY(30px)scale(.92)}to{transform:translateY(0)scale(1)}}.holo-card__vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 35%,#00000040 65%,#0000008c 100%);position:absolute;inset:0}.holo-card__media-edge{z-index:3;pointer-events:none;opacity:.7;border-radius:14px;position:absolute;inset:12px;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 1px #ffffff4d,inset 0 -1px #0000004d}.holo-card__stars{z-index:1;pointer-events:none;opacity:.35;background-image:radial-gradient(1px 1px at 10% 20%,#fff9 50%,#0000 51%),radial-gradient(1px 1px at 20% 70%,#b4d2ff80 50%,#0000 51%),radial-gradient(1.5px 1.5px at 40% 40%,#ffffff80 50%,#0000 51%),radial-gradient(1px 1px at 65% 15%,#c8b4ff66 50%,#0000 51%),radial-gradient(1px 1px at 80% 60%,#a0c8ff80 50%,#0000 51%),radial-gradient(1px 1px at 33% 85%,#ffffff80 50%,#0000 51%),radial-gradient(1.5px 1.5px at 55% 30%,#fff6 50%,#0000 51%);background-size:400px 400px;transition:transform .14s ease-out;position:absolute;inset:-20px}.holo-card__idle-glow{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(60% 50%,#b4d7ff1f 0%,#0000 60%);animation:4s ease-in-out infinite idleBreath;position:absolute;inset:0}@keyframes idleBreath{0%,to{opacity:.04}50%{opacity:.12}}.holo-card.interacting .holo-card__idle-glow{opacity:0;animation:none}.holo-card__grating{z-index:5;pointer-events:none;opacity:0;background-image:repeating-linear-gradient(var(--grating-angle,68deg), transparent 0px, #d2ebff29 1px, transparent 2.5px, #ffffff1a 4px, transparent 6px, #bed2ff1f 7.5px, transparent 10px);mix-blend-mode:overlay;transition:opacity .25s ease-out;position:absolute;inset:0}.holo-card__metal{z-index:6;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .2s ease-out;position:absolute;inset:0}.holo-card__sweep{z-index:7;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .2s ease-out;position:absolute;inset:0}.holo-card__sparkle{z-index:8;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .15s ease-out;position:absolute;inset:0}.holo-card__chroma{z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .2s ease-out;position:absolute;inset:0}.holo-card__edge-rainbow{z-index:9;pointer-events:none;opacity:0;border-radius:var(--card-radius);transition:opacity .25s ease-out;position:absolute;inset:0}.holo-card__text-wrap{inset:var(--card-padding);z-index:10;pointer-events:none;will-change:transform;flex-direction:column;justify-content:space-between;transition:transform .12s ease-out;display:flex;position:absolute}.holo-card__header{justify-content:space-between;align-items:baseline;display:flex}.holo-card__title{font-family:var(--font-title);letter-spacing:3px;color:var(--text-color);text-shadow:var(--text-shadow);-webkit-font-smoothing:antialiased;font-size:22px;transition:transform .12s ease-out}.holo-card__id{font-family:var(--font-body);letter-spacing:2px;color:var(--text-color);opacity:.9;text-shadow:var(--text-shadow);font-size:14px;transition:transform .12s ease-out}.holo-card__footer{justify-content:space-between;align-items:center;display:flex}.holo-card__type-tag{color:var(--text-color);text-shadow:var(--text-shadow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;border:1px solid #ffffff59;border-radius:999px;padding:4px 12px;font-size:13px;transition:transform .12s ease-out}.holo-card__suffix-text{letter-spacing:2px;color:var(--text-color);opacity:.9;text-shadow:var(--text-shadow);font-size:13px;transition:transform .12s ease-out}.holo-card__border-outer{border-radius:var(--card-radius);border:1px solid var(--border-white);pointer-events:none;z-index:12;position:absolute;inset:0}.holo-card__border-inner{inset:var(--card-padding);border-radius:var(--card-inner-radius);border:2px solid var(--border-gold);pointer-events:none;z-index:12;position:absolute;box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 20px #ffd7781a}.holo-card.pressed{transition:transform .1s ease-in!important}