@import"https://fonts.googleapis.com/css2?family=Bangers&family=Space+Mono:wght@400;700&display=swap";:root{--ink: #100808;--orange: #FF5A1F;--orange2: #FF8C00;--yellow: #FFD84D;--purple: #8B3FA8;--purple2: #C477F5;--red: #FF2444;--cream: #FFF5DC;--green: #4DFF8C;--pink: #FF6B9D;--cyan: #00E7FF}body{margin:0;padding:0;overflow:hidden;background:var(--ink);font-family:Bangers,cursive;color:#fff}#bg{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 70%,rgba(139,63,168,.25) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(255,90,31,.2) 0%,transparent 60%),radial-gradient(ellipse at 50% 50%,#100808 0% 100%)}#bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,216,77,.08) 1px,transparent 1px);background-size:24px 24px;animation:dotShift 20s linear infinite}@keyframes dotShift{0%{transform:translate(0)}to{transform:translate(24px,24px)}}#app{position:relative;z-index:1;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#packScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pack-title{font-size:clamp(36px,8vw,72px);line-height:.85;text-align:center;letter-spacing:4px}.pack-title .t1{display:block;color:var(--orange);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink),0 0 40px rgba(255,90,31,.5)}.pack-title .t2{display:block;color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink),0 0 40px rgba(255,216,77,.5);font-size:.65em}.pack-wrapper{perspective:800px;cursor:pointer}.pack{width:clamp(200px,45vw,280px);height:clamp(300px,65vw,400px);position:relative;border-radius:16px;background:linear-gradient(135deg,var(--purple) 0%,var(--orange) 50%,var(--yellow) 100%);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink),0 0 60px #8b3fa866,0 0 120px #ff5a1f33;overflow:hidden;transition:transform .3s ease;transform-style:preserve-3d}.pack:hover{transform:rotateY(-5deg) rotateX(3deg) scale(1.03)}.pack-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;padding:20px}.pack-logo{font-size:clamp(32px,7vw,52px);color:var(--cream);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink);line-height:.85;text-align:center}.pack-sub{font-family:Space Mono,monospace;font-size:clamp(9px,2vw,12px);color:var(--cream);background:var(--ink);padding:4px 12px;border-radius:4px;margin-top:8px}.pack-badge{position:absolute;bottom:20px;font-family:Space Mono,monospace;font-size:10px;opacity:.6}.pack-holo{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(0,231,255,.15) 36%,rgba(255,107,157,.15) 50%,rgba(255,216,77,.15) 64%,transparent 80%);background-size:200% 200%;animation:holoShift 3s ease-in-out infinite;z-index:3;mix-blend-mode:overlay}@keyframes holoShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.open-hint{font-family:Space Mono,monospace;color:var(--yellow);letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#cardScreen{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;z-index:50}#cardScreen.active{display:flex}.card-container{perspective:1200px;width:clamp(260px,50vw,340px);height:clamp(380px,72vw,480px)}.card{width:100%;height:100%;position:relative;border-radius:16px;transform-style:preserve-3d;animation:cardReveal .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardReveal{0%{transform:scale(0) rotateY(180deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}.card-face{position:absolute;inset:0;border-radius:16px;overflow:hidden;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--ink)}.card-art{position:absolute;top:40px;left:10px;right:10px;height:55%;border-radius:8px;border:2px solid var(--ink);overflow:hidden;display:flex;align-items:center;justify-content:center}.card-art img{height:95%;object-fit:contain}.card-info{position:absolute;bottom:0;left:0;right:0;padding:15px}.card-name{font-size:24px;margin-bottom:5px}.card-subtitle{font-family:Space Mono;font-size:10px;opacity:.7}.holo-overlay{position:absolute;inset:0;mix-blend-mode:color-dodge;opacity:.5;background:linear-gradient(var(--holo-angle, 130deg),transparent 10%,rgba(0,231,255,.4) 28%,rgba(255,107,157,.4) 42%,rgba(255,216,77,.5) 58%,transparent 90%);background-size:250% 250%}.btn{font-family:Bangers;font-size:18px;padding:10px 25px;border:3px solid var(--ink);border-radius:8px;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}.btn-next{background:var(--orange);color:#fff}.btn-open{background:var(--yellow)}#collectionScreen{display:none;flex-direction:column;align-items:center;padding:40px}#collectionScreen.active{display:flex}.collection-grid{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.mini-card{width:120px;height:170px;border:2px solid var(--ink);border-radius:8px;overflow:hidden}.mini-card img{width:100%;height:100%;object-fit:cover}.brand-footer{position:fixed;bottom:10px;font-family:Space Mono;font-size:10px;opacity:.3}