.app-container{align-items:center;background:linear-gradient(180deg,#0a0a0a,#1a1a1a);box-sizing:border-box;color:#f5f5f5;display:flex;flex-direction:column;font-family:Lexend,sans-serif;gap:20px;height:100vh;justify-content:center;margin:0;padding:0}.pwa-mode{padding-bottom:100px!important}button{background:#ff007f;font-size:16px;font-weight:700;padding:12px 20px}button:hover{background:#f39}a{color:#ff007f;text-decoration:none;transition:.3s}a:hover{text-shadow:0 0 5px #ff007f}.main-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414d9;border-radius:12px;box-shadow:0 0 15px #ff007f4d;padding:20px}.home-page{background:linear-gradient(180deg,#0a0a0a,#585858);color:#f5f5f5;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:space-between;padding:20px 20px 70px;text-align:center}.pwa-mode-home{padding-bottom:100px}.top-section{gap:20px;height:10%;justify-content:center;width:100%}.credits-display,.top-section{align-items:center;display:flex}.credits-display{font-size:1em;font-weight:700;gap:10px}.add-credits-button{background-color:#ff007f;border:none;border-radius:8px;box-shadow:0 0 8px #ff007f99;color:#fff;cursor:pointer;font-size:.6em;padding:6px 10px;transition:.3s ease-in-out}.free-pack-section{background:#141414e6;border-radius:8px;box-shadow:0 0 8px #ff007f4d;padding:10px 15px;text-align:center}.free-pack-section h3{color:#ff007f;font-size:1em;margin:0}.free-pack-section p{font-size:.8em;margin:0}.free-pack-section button{background:#ff007f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9em;margin-top:5px;padding:8px 12px;transition:.3s ease-in-out}.center-section{align-items:center;display:flex;height:70%;justify-content:center}.pack-image{height:100%}.loading-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-box{background:linear-gradient(180deg,#0a0a0a,#585858);border-radius:8px;box-shadow:0 4px 6px #0003;font-size:18px;font-weight:700;padding:20px;text-align:center}.bottom-section{align-items:center;display:flex;gap:15px;justify-content:center}.open-multi-pack-button,.open-pack-button{border:none;border-radius:8px;box-shadow:0 0 8px #ff007f99;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:10px 18px;transition:.3s ease-in-out}.open-pack-button{background:#ff007f}.open-pack-button:hover{background:#f39}.open-multi-pack-button{background:#a0f}.open-multi-pack-button:hover{background:#c3f}.open-multi-pack-button:disabled,.open-pack-button:disabled{background-color:#444;cursor:not-allowed;opacity:.8}.bottom-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border-top:2px solid #ff007f99;bottom:0;bottom:env(safe-area-inset-bottom,0);display:flex;height:50px;justify-content:space-around;left:0;position:fixed;right:0}.pwa-mode-nav{align-items:flex-start;height:80px;padding-top:15px}.nav-item{height:24px;text-decoration:none;transition:transform .3s ease-in-out,filter .3s ease-in-out}.nav-item img{height:100%;transition:filter .3s ease-in-out;width:auto}.nav-item:hover{transform:scale(1.2)}.nav-item.active{transform:scale(1.3)}.nav-item.active img{filter:brightness(0) saturate(100%) invert(42%) sepia(100%) saturate(7500%) hue-rotate(320deg) brightness(95%) contrast(100%)}.open-pack-page{align-items:center;background:linear-gradient(180deg,#0a0a0a,#585858);display:flex;height:100%;justify-content:center}.pack-background-fill{background:#ff007f1a;left:0;position:absolute;top:0;transition:height .5s ease-in-out;width:100%}.booster-container{height:100%;max-width:378px;width:80%}.booster{background:url(/static/media/booster-image.09451adc21078322f979.png) no-repeat 50%;background-size:contain;cursor:pointer;height:100%;margin:auto;position:relative;transition:transform .3s ease,opacity .5s ease;width:100%}.booster.vibrating{animation:vibrate .2s infinite}.booster.exploding{opacity:0}.particles-container{height:100%;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes fallParticles{0%{opacity:0}to{opacity:1}}@keyframes fallParticlesReverse{0%{opacity:1}to{opacity:0}}.explosion-effect{animation:explode 1.5s forwards;background:radial-gradient(circle,gold 0,#ffd70000 100%);border-radius:50%;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.booster:hover{transform:scale(1.05)}.pack-opener{width:100%}.pack-number{background:#000000b3;border-radius:8px;color:#fff;font-size:1.5em;font-weight:700;left:50%;padding:8px 16px;pointer-events:none;position:absolute;text-align:center;top:20px;transform:translateX(-50%);z-index:15}.pack-container{align-items:center;display:flex;justify-content:center;margin:auto;max-width:378px;width:80%}.card-enter{animation:slideInFromBottom .5s ease forwards}.card-exit{animation:slideOutToTop .5s ease forwards}.new-card-indicator{background-color:#ff4500;border-radius:5px;bottom:-35px;box-shadow:0 2px 5px #0003;color:#fff;font-size:.9em;font-weight:700;padding:5px 10px;position:absolute;right:10px;z-index:-1}.skip-button{align-items:center;background:#ff007f;border:none;border-radius:50%;bottom:20px;box-shadow:0 0 10px #ff007f99;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:all .2s ease;width:50px}.skip-button:hover{background:#f39;box-shadow:0 0 15px #ff007fe6}.skip-icon{height:30px;width:30px}.pack-summary{display:flex;flex-direction:column;height:100%;text-align:center;width:100%}.pack-summary>h2{color:#ff007f;font-size:1.5em;margin-bottom:20px;text-shadow:0 0 8px #ff007f99}.pack-grid{grid-gap:10px;box-sizing:border-box;display:grid;flex-grow:1;gap:10px;grid-auto-rows:min-content;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:800px;overflow:scroll;padding:10px;width:100%}.pack-card-slot{position:relative}.brightness-indicator{background:#ff007fb3;border-radius:4px;display:flex;flex-direction:column;font-size:.7em;font-weight:700;justify-content:center;left:-5px;padding-bottom:2px;pointer-events:none;position:absolute;top:-5px}.pack-summary .new-card-indicator{bottom:0;font-size:.7em;padding:2px 5px;position:absolute;right:0;z-index:1}.back-button{background-color:#ff007f;border:none;border-radius:20px;box-shadow:0 0 10px #ff007f99;color:#fff;cursor:pointer;font-size:1.3rem;margin:20px auto;padding:10px 20px;transition:all .2s ease;width:300px;z-index:1}.back-button:hover{background-color:#f39;box-shadow:0 0 15px #ff007fe6;font-size:1.5rem}@keyframes slideInFromBottom{0%{transform:translateY(200%)}to{transform:translateY(0)}}@keyframes slideOutToTop{0%{transform:translateY(0)}to{transform:translateY(-200%)}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(calc(var(--vibration-intensity)*-2px),calc(var(--vibration-intensity)*2px))}40%{transform:translate(calc(var(--vibration-intensity)*2px),calc(var(--vibration-intensity)*-2px))}60%{transform:translate(calc(var(--vibration-intensity)*-2px),calc(var(--vibration-intensity)*-2px))}80%{transform:translate(calc(var(--vibration-intensity)*2px),calc(var(--vibration-intensity)*2px))}to{transform:translate(0)}}@keyframes explode{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(15)}}*{box-sizing:border-box}.card-container{perspective:1000px;width:100%}.card-as-img{object-fit:contain;width:100%}.fullscreen-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.fullscreen-card{max-width:500px;position:relative;width:80%}.fullscreen-image{border-radius:10px;box-shadow:0 0 15px #fffc;height:auto;width:100%}.close-button{background:#ff3232;border:none;border-radius:8px;bottom:10px;color:#fff;cursor:pointer;font-size:20px;padding:10px 20px;position:absolute;right:10px;transition:background .3s ease}.close-button:hover{background:darkred}.card,.card img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.card *{pointer-events:none}.card{align-items:center;aspect-ratio:2/3;background-image:"../assets/texture-card.png",linear-gradient(135deg,#b39dd8 25%,#7a5ca5 75%);background-image:var(--background-texture,"../assets/texture-card.png"),linear-gradient(135deg,var(--gradient-start,#b39dd8) 25%,var(--gradient-end,#7a5ca5) 75%);background-position:50%;background-repeat:no-repeat;background-size:cover;border:.9em solid #000;border-radius:1.1em;box-shadow:0 .5em .6em #0003;color:#000;display:flex;flex-direction:column;font-family:Funnel Sans;overflow:hidden;padding:1em;position:relative;transform-origin:center;transition:all .2s;transition:transform .08s ease;width:100%}.card-common{border-color:#a7a6a6}.card-common img{border:.3em solid #a7a6a6}.card-common .card-role{background-color:#a7a6a6}.card-rare{border-color:#36366d}.card-rare img{border:.3em solid #36366d}.card-rare .card-role{background-color:#36366d;color:#fff}.card-epic{border-color:#610361}.card-epic img{border:.3em solid #610361}.card-epic .card-role{background-color:#610361;color:#fff}.card-full-art .card-role{background-color:var(--gradient-end);color:#000}.card-full-art{border-color:var(--gradient-end)}.card-legendary{border-color:gold;box-shadow:0 .5em .6em #0003,inset 0 0 .4em .4em #0000004d}.card-legendary img{border:3px solid gold;box-shadow:0 0 .8em .4em #0006}.card-legendary .card-role{background-color:gold}.card-header{align-items:center;display:flex;justify-content:space-between;padding:5px 10px;width:100%}.card-header,.card-name{font-size:1.2em;font-weight:700;z-index:1}.card-name{align-self:flex-start;margin:0;text-align:center}.card-hp{color:#000;font-size:1em}.card-image{aspect-ratio:4/2.7;margin-top:10px;object-fit:cover;width:100%;z-index:3}.card-role{clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);font-size:.9em;margin:0;padding:0 20px 2px;z-index:3}.card-attack{background-color:rgba(0,0,0,.719);border-radius:10px;margin-top:10px;padding:10px;width:100%;z-index:3}.card-attack-title{align-items:center;color:#ebebeb;display:flex;flex-direction:row;justify-content:space-between;margin:0;z-index:3}.attack-name{font-size:1.1em;font-weight:700;margin:0;z-index:3}.attack-damage{color:red;font-size:1.1em;margin-left:8px;margin-top:0}.attack-description{color:#9c9c9c;font-size:.9em;font-style:italic;margin:5px 0 0;text-align:left}.card-footer{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:0;margin-top:auto;width:100%}.card-description,.card-id{text-align:left;z-index:3}.card-description{border:1px solid #333;border-radius:5px;font-size:.7em;max-width:70%;padding:5px}.card-full-art{display:flex;flex-direction:column;justify-content:space-between}.card-full-art .card-header{display:flex;flex-direction:column;z-index:3}.card-full-art .card-name{align-self:auto;font-size:1.5em;margin-top:10px}.card-full-art .card-hp,.card-full-art .card-name{-webkit-text-stroke:.1px #fff;z-index:3}.card-full-art .card-image{border:none;bottom:0;height:100%;margin-top:0;position:absolute;top:0;width:100%;z-index:0}.card-full-art .card-role{position:absolute;top:0;z-index:1}.card-full-art .card-attack{margin-top:auto}.card-full-art .card-footer{align-items:center;gap:15px;justify-content:center;margin:15px 0 0}.card-full-art .card-id{background-color:#ffffff60;border-radius:10px;padding:0 5px}.card-full-art .card-description{align-self:auto;background:#ffffff60;border-radius:3px;padding:2px 5px;text-align:center}.card-combined-left{border-left:none}.card-combined-right{border-right:none}.card-combined-top{border-top:none}.card-combined-bottom{border-bottom:none}.card-brillant{overflow:hidden;position:relative}.card-brillant:before{animation:light-sweep-brillant 6s infinite;background:linear-gradient(90deg,#fff0 30%,#fff3 45%,#ffffff4d 50%,#fff3 55%,#fff0 70%);content:"";filter:blur(5px);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:2}@keyframes light-sweep-brillant{0%{transform:rotate(30deg) translateX(-120%)}25%{transform:rotate(30deg) translateX(120%)}to{transform:rotate(30deg) translateX(120%)}}.card-brillant .card-image{transition:transform .1s ease-out;will-change:transform}.card-shiny{overflow:hidden}.card-shiny:before{animation:light-sweep-shiny 2s infinite;background:linear-gradient(90deg,#fff0 30%,#fff3 45%,#ffffff4d 50%,#fff3 55%,#fff0 70%);content:"";filter:blur(5px);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:2}@keyframes light-sweep-shiny{0%{transform:rotate(30deg) translateX(-120%)}75%{transform:rotate(30deg) translateX(120%)}to{transform:rotate(30deg) translateX(120%)}}.card-shiny{animation:glow-pulse-shiny 2s ease-in-out infinite;box-shadow:0 0 8px #fff6;box-shadow:0 0 8px var(--border-glow,#fff6);position:relative}@keyframes glow-pulse-shiny{0%{box-shadow:0 0 0 #fff3;box-shadow:0 0 0 var(--border-glow,#fff3)}50%{box-shadow:0 0 70px #ffffffe6;box-shadow:0 0 70px var(--border-glow,#ffffffe6)}to{box-shadow:0 0 0 #fff3;box-shadow:0 0 0 var(--border-glow,#fff3)}}.card-shiny .card-image{transition:transform .1s ease-out;will-change:transform}.particle-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.collection-page{background:linear-gradient(180deg,#0a0a0a,#585858);color:#f5f5f5;min-height:100%;padding:30px 20px 70px}.collection-page h1{line-height:.8;margin:0;text-align:center}.filters{align-items:center;display:flex;gap:10px;justify-content:center;margin:15px 0}.sort-container,.stats-container{position:relative}.sort-button,.stats-button{background-color:#ff007f;border:none;border-radius:8px;box-shadow:0 0 10px #ff007f99;color:#fff;cursor:pointer;font-size:.9em;padding:8px 12px;transition:.3s ease-in-out}.sort-button:hover,.stats-button:hover{background-color:#f39;box-shadow:0 0 15px #ff007fe6}.sort-options,.stats-menu{background-color:#141414e6;border-radius:8px;box-shadow:0 0 10px #ff007f99;left:0;padding:10px;position:absolute;top:100%;width:160px;z-index:10}.stats-menu{width:230px}.sort-options button,.stats-menu p{background:#0000;border:none;box-shadow:none;color:#f5f5f5;cursor:pointer;display:block;font-size:14px;padding:6px 10px;text-align:left;transition:.3s ease-in-out;width:100%}.stats-menu p{cursor:cell;margin:0;padding-top:2px}.sort-options button:hover{background-color:#ff007f33;box-shadow:0 0 10px #ff007f99}.collection-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:auto;max-width:700px}.card-slot{align-items:center;aspect-ratio:2/3;background:#141414e6;border:2px solid #ff007f66;border-radius:10px;color:#777;display:flex;font-size:1.2rem;justify-content:center;position:relative;transition:.3s ease-in-out;width:100%}.card-slot:hover{border-color:#ff007fe6;box-shadow:0 0 12px #ff007f99}.card-slot.card-displayed{background:#0000;border:none;padding:0}.card-slot:hover.card-displayed{border-color:none;box-shadow:none;cursor:pointer}.card-placeholder{color:#ffffff80;font-weight:700}.brightness-icons{background:#ff007fb3;border-radius:4px;display:flex;flex-direction:column;font-size:.7em;font-weight:700;justify-content:center;left:-5px;padding-bottom:2px;pointer-events:none;position:absolute;top:-5px}.brightness-normal{color:#fff;margin:0 5px}.brightness-brillant{color:#ff0;margin:0 5px}.brightness-shiny{color:cyan;margin:0 5px}.stats-page{background:linear-gradient(180deg,#0a0a0a,#1a1a1a);color:#f5f5f5;min-height:100vh;padding:20px 20px 70px;text-align:left}.header{align-items:center;display:flex;justify-content:space-between;margin:20px 0 30px}.title{line-height:0;margin:0}.back-button-stats{background:#ff007f;border:none;border-radius:8px;box-shadow:0 0 8px #ff007f99;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:.3s ease-in-out;width:25%}.back-button-stats:hover{background:#f39;box-shadow:0 0 12px #ff007fe6}.bold{font-weight:700}.stats-section{background:#141414e6;border-radius:8px;box-shadow:0 0 8px #ff007f4d;margin-top:20px;padding:15px}.stats-section h2{color:#ff007f;margin-bottom:8px;margin-top:5px;text-shadow:0 0 6px #ff007f99}.stats-section p{color:#ddd;font-size:1em;margin:10px 0}.quest-item{background:#141414e6;border:1px solid #ff007f80;border-radius:8px;box-shadow:0 0 10px #ff007f4d;margin-top:20px;padding:15px;transition:.3s ease-in-out}.quest-item:hover{border-color:#ff007fe6;box-shadow:0 0 15px #ff007fb3}.quest-item h3{font-size:1.2em;margin:0 0 10px;text-shadow:0 0 8px #ff007f99}.quest-item p{color:#ddd;margin:5px 0}.progress-bar{background:#323232e6;border-radius:10px;box-shadow:0 0 8px #ff007f80;height:20px;margin-bottom:10px;margin-top:25px;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#ff007f,#ff33a6);border-radius:10px;box-shadow:0 0 10px #ff007fcc;height:100%;transition:width .5s ease-in-out}.progress-milestone{color:#ff007f;font-size:.8em;font-weight:700;position:absolute;text-align:center;text-shadow:0 0 8px #ff007f99;top:-20px;transform:translateX(-50%);white-space:nowrap}.progress-milestone.claimed{color:#f39;font-weight:700}.quest-button{background:#ff007f;border:none;border-radius:8px;box-shadow:0 0 10px #ff007f99;color:#fff;cursor:pointer;padding:8px 12px;transition:.3s ease-in-out}.quest-button:hover{background:#f39;box-shadow:0 0 15px #ff007fe6}.quests-page{background:linear-gradient(180deg,#0a0a0a,#585858);color:#f5f5f5;margin:auto;padding:20px 20px 70px;width:100%}.max_width_class{margin:auto;max-width:800px}.quests-page h1{margin-top:0;text-align:center;text-shadow:0 0 10px #ff007fcc}button{background-color:#ff007f;border:none;border-radius:8px;box-shadow:0 0 10px #ff007f99;color:#fff;cursor:pointer;font-size:.9em;padding:10px 15px;transition:.3s ease-in-out}button:hover{background-color:#f39;box-shadow:0 0 15px #ff007fe6}.settings-page{align-items:center;background:linear-gradient(180deg,#0a0a0a,#585858);color:#f5f5f5;display:flex;flex-direction:column;min-height:100%;padding:20px 20px 70px}.Pokewood{max-width:250px}.user-info{background:#141414e6;border:1px solid #ff007f80;border-radius:8px;box-shadow:0 0 10px #ff007f4d;margin-top:20px;max-width:400px;padding:20px;text-align:center;transition:.3s ease-in-out;width:100%}.user-info:hover{box-shadow:0 0 15px #ff007f99}.user-info h2{color:#ff007f;font-size:1.5em;margin:0 0 10px;text-shadow:0 0 8px #ff007f99}.user-info p{color:#ddd;font-size:1em;margin:10px 0}.logout-button{background:#ff007f;border:none;border-radius:8px;box-shadow:0 0 10px #ff007f99;color:#fff;cursor:pointer;font-size:1em;margin-top:15px;padding:10px 20px;transition:.3s ease-in-out}.logout-button:hover{background:#f39;box-shadow:0 0 15px #ff007fe6}.redeem-code-section{background:#141414e6;border-radius:8px;box-shadow:0 0 10px #ff007f4d;margin-top:20px;max-width:400px;padding:15px;text-align:center;width:100%}.redeem-code-section h3{color:#ff007f;text-shadow:0 0 8px #ff007f99}.redeem-code-section input{background:#141414e6;border:2px solid #ff007f;border-radius:8px;color:#fff;font-size:1em;padding:10px;text-align:center;width:80%}.redeem-code-section input::placeholder{color:#ffffff80}.redeem-code-section button{background:#ff007f;border:none;border-radius:8px;box-shadow:0 0 10px #ff007f99;color:#fff;cursor:pointer;font-size:1em;margin-top:10px;padding:10px 15px;transition:.3s ease-in-out}.redeem-code-section button:hover{background:#f39;box-shadow:0 0 15px #ff007fe6}.code-message{color:#ff007f;font-size:1em;margin-top:10px}.collection-score{background:#141414e6;border-radius:8px;box-shadow:0 0 10px #ff007f4d;margin-top:20px;max-width:400px;padding:15px;text-align:center;width:100%}.collection-score h3{color:#ff007f;text-shadow:0 0 8px #ff007f99}.about-section{background:#141414e6;border-radius:8px;box-shadow:0 0 10px #ff007f4d;margin-top:20px;max-width:400px;padding:15px;text-align:center;width:100%}.about-section h3{color:#ff007f;text-shadow:0 0 8px #ff007f99}.qr-code-container{margin-top:10px}.qr-code{width:100%}.liens-container{gap:10px}.liens-container,.login-page{align-items:center;display:flex;flex-direction:column}.login-page{background:linear-gradient(180deg,#0a0a0a,#1a1a1a);color:#f5f5f5;height:100%;justify-content:center;text-align:center}.Pokewood{margin-bottom:20px;max-width:450px;width:80%}.login-page h1{font-size:2.5em;margin:20px;text-shadow:0 0 10px #ff007fcc}.login-page p{color:#ff007f;font-size:1.1em}.login-button{background:#ff007f;border:none;border-radius:8px;box-shadow:0 0 10px #ff007f99;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 20px;transition:.3s ease-in-out}.login-button:hover{background:#f39;box-shadow:0 0 15px #ff007fe6}
/*# sourceMappingURL=main.676ddd1b.css.map*/