:root{--pointer-x:50%;--pointer-y:50%;--card-scale:1;--card-opacity:0;--translate-x:0px;--translate-y:0px;--rotate-x:0deg;--rotate-y:0deg;--background-x:var(--pointer-x);--background-y:var(--pointer-y);--pointer-from-center:0;--pointer-from-top:var(--pointer-from-center);--pointer-from-left:var(--pointer-from-center)}body{margin:0;padding:0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#1a1a1a 0%,#2d2416 50%,#0a0a0a 100%);min-height:100%;overflow-x:hidden}main.svelte-11os0wv.svelte-11os0wv{min-height:100vh;width:100vw;overflow:visible}main.svelte-11os0wv.svelte-11os0wv:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,rgba(255,215,0,.05) 0px,rgba(255,215,0,.05) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(-45deg,rgba(255,193,7,.03) 0px,rgba(255,193,7,.03) 1px,transparent 1px,transparent 20px);pointer-events:none}.container.svelte-11os0wv.svelte-11os0wv{padding:.5rem;max-width:100vw;margin:0 auto;position:relative;z-index:1;overflow:visible}.header.svelte-11os0wv.svelte-11os0wv{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3rem}.header.svelte-11os0wv h1.svelte-11os0wv{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin:0;letter-spacing:-.02em}.control-card.svelte-11os0wv.svelte-11os0wv{background:rgba(0,0,0,.1);backdrop-filter:blur(2px) saturate(80%);-webkit-backdrop-filter:blur(2px) saturate(80%);border-radius:20px;border:1px solid rgba(255,215,0,.3);padding:2rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffd70033;max-width:400px;margin:0 auto 4rem;display:flex;flex-direction:column;gap:1.5rem;position:relative}.control-card.svelte-11os0wv.svelte-11os0wv:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(255,193,7,.1) 50%,rgba(255,215,0,.2) 100%);border-radius:21px;z-index:-1}.input-section.svelte-11os0wv.svelte-11os0wv{text-align:center}.input-section.svelte-11os0wv label.svelte-11os0wv{display:block;color:#fff;font-weight:600;font-size:1.1rem;margin-bottom:.8rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.input-section.svelte-11os0wv input.svelte-11os0wv{width:80px;padding:.8rem;font-size:1.3rem;font-weight:600;text-align:center;background:rgba(255,255,255,.9);border:none;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;color:#333;transition:all .3s ease}.input-section.svelte-11os0wv input.svelte-11os0wv:focus{outline:none;background:rgba(255,255,255,.95);box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #ffffff4d}.input-section.svelte-11os0wv input.svelte-11os0wv:disabled{opacity:.6;cursor:not-allowed}.draw-btn.svelte-11os0wv.svelte-11os0wv{padding:1rem 2rem;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#ffd700,#ffa500);color:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffd7004d}.draw-btn.svelte-11os0wv.svelte-11os0wv:hover:not(:disabled){background:linear-gradient(135deg,#ffa500,#ffd700);transform:translateY(-2px);box-shadow:0 6px 16px #ffd70066}.draw-btn.svelte-11os0wv.svelte-11os0wv:disabled{opacity:.6;cursor:not-allowed;transform:none}.center-display.svelte-11os0wv.svelte-11os0wv{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;width:400px;height:600px}.animated-card.svelte-11os0wv.svelte-11os0wv{position:absolute;top:50%;left:calc(50% + var(--index, 0) * 8px);transform:translate(-50%,-50%);z-index:calc(100 - var(--index, 0));animation:svelte-11os0wv-cardReveal .6s ease-out forwards,svelte-11os0wv-cardFloat 2s ease-in-out .6s forwards,svelte-11os0wv-cardCollect .4s ease-in 2.6s forwards}.center-display .card{position:relative!important;width:auto!important;height:auto!important;top:auto!important;left:auto!important;transform:none!important;z-index:auto!important}.center-display .card .card__translater{transform:translate3d(var(--translate-x),var(--translate-y),.1px) scale(var(--card-scale))!important}@keyframes svelte-11os0wv-cardReveal{0%{transform:translate(-50%,calc(-50% + 500px)) scale(.6) rotateX(90deg);opacity:0}to{transform:translate(-50%,-50%) scale(1.8) rotateX(0);opacity:1}}@keyframes svelte-11os0wv-cardFloat{0%,to{transform:translate(-50%,-50%) scale(1.8)}50%{transform:translate(-50%,calc(-50% - 12px)) scale(1.9)}}@keyframes svelte-11os0wv-cardCollect{0%{transform:translate(-50%,-50%) scale(1.8);opacity:1}to{transform:translate(-50%,calc(-50% + 200px)) scale(.7);opacity:0}}.collection.svelte-11os0wv.svelte-11os0wv{background:rgba(0,0,0,.3);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;border:1px solid rgba(255,215,0,.25);padding:1rem;box-shadow:0 8px 32px #0003,inset 0 1px #ffd7001a;animation:svelte-11os0wv-slideUp .5s ease-out;overflow:visible;position:relative;z-index:10}.collection.svelte-11os0wv h2.svelte-11os0wv{color:#fff;text-align:center;margin:0 0 2rem;font-size:1.8rem;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.3)}.collection-grid.svelte-11os0wv.svelte-11os0wv{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;justify-items:center;overflow:visible;position:relative;z-index:10}.card-item.svelte-11os0wv.svelte-11os0wv{transform:scale(.8);transition:transform .3s ease;border-radius:12px;overflow:visible;background:transparent;backdrop-filter:none;border:none;animation:svelte-11os0wv-cardEnter .6s ease-out backwards;position:relative;z-index:1}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(1){z-index:10}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(2){z-index:9}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(3){z-index:8}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(4){z-index:7}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(5){z-index:6}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(6){z-index:5}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(7){z-index:4}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(8){z-index:3}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(9){z-index:2}.card-item.svelte-11os0wv.svelte-11os0wv:nth-child(10){z-index:1}.card-item.svelte-11os0wv.svelte-11os0wv:hover{transform:scale(.8);background:transparent}@keyframes svelte-11os0wv-cardEnter{0%{transform:scale(.3) translateY(20px);opacity:0}to{transform:scale(.75) translateY(0);opacity:1}}@keyframes svelte-11os0wv-slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.collection .card.active{position:relative!important;z-index:99999!important;width:auto!important;height:auto!important}.collection .card.active .card__translater{transform:translateZ(.1px) scale(1.5)!important;transition:transform .3s ease!important}.collection .card .card__translater{animation:none!important;transition:transform .3s ease!important}.collection .card:not(.active){z-index:inherit!important;position:relative!important}.collection .card:not(.active) .card__translater{transform:translateZ(.1px) scale(.96)!important}@media (max-width: 768px){.container.svelte-11os0wv.svelte-11os0wv{padding:.125rem}.header.svelte-11os0wv.svelte-11os0wv{margin-bottom:1rem}.header.svelte-11os0wv h1.svelte-11os0wv{font-size:1.8rem;margin:0}.control-card.svelte-11os0wv.svelte-11os0wv{padding:.75rem;margin-bottom:1rem;max-width:350px}.input-section.svelte-11os0wv label.svelte-11os0wv{font-size:.95rem;margin-bottom:.5rem}.input-section.svelte-11os0wv input.svelte-11os0wv{padding:.5rem .75rem;font-size:1rem;width:80px}.draw-btn.svelte-11os0wv.svelte-11os0wv{padding:.75rem 1.5rem;font-size:.95rem}.collection.svelte-11os0wv.svelte-11os0wv{padding:.5rem;margin:.5rem 0}.collection.svelte-11os0wv h2.svelte-11os0wv{font-size:1.3rem;margin-bottom:.75rem}.collection-grid.svelte-11os0wv.svelte-11os0wv{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.card-item.svelte-11os0wv.svelte-11os0wv{transform:scale(.7)}.center-display.svelte-11os0wv.svelte-11os0wv{width:280px;height:420px}@keyframes svelte-11os0wv-cardReveal{0%{transform:translate(-50%,calc(-50% + 200px)) scale(.4) rotateX(90deg);opacity:0}to{transform:translate(-50%,-50%) scale(1.5) rotateX(0);opacity:1}}@keyframes svelte-11os0wv-cardFloat{0%,to{transform:translate(-50%,-50%) scale(1.5)}50%{transform:translate(-50%,calc(-50% - 6px)) scale(1.6)}}@keyframes svelte-11os0wv-cardCollect{0%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(-50%,calc(-50% + 150px)) scale(.6);opacity:0}}}