.holo-card{position:relative;width:320px;max-width:90vw;aspect-ratio:2.5 / 3.5;cursor:pointer;touch-action:none;transition:transform .15s ease-out,filter .3s ease;transform-style:preserve-3d;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(255,200,100,.15));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:perspective(1000px) translateY(0)}50%{transform:perspective(1000px) translateY(-10px)}}.holo-card:hover,.holo-card.active{animation:none;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(255,200,100,.25)) drop-shadow(0 0 60px rgba(255,100,50,.15))}.card-image{width:100%;height:100%;object-fit:contain;display:block}.holo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease;mix-blend-mode:overlay}.holo-card.active .holo-overlay{opacity:1}.holo-shine{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease;background:linear-gradient(125deg,transparent 0%,rgba(255,0,0,.2) 10%,rgba(255,127,0,.2) 20%,rgba(255,255,0,.2) 30%,rgba(0,255,0,.2) 40%,rgba(0,127,255,.2) 50%,rgba(0,0,255,.2) 60%,rgba(75,0,130,.2) 70%,rgba(143,0,255,.2) 80%,rgba(255,0,127,.2) 90%,transparent 100%);background-size:200% 200%;mix-blend-mode:color-dodge}.holo-card.active .holo-shine{opacity:1}.app-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0f;overflow-x:hidden}#root{min-height:100vh}