*{box-sizing:border-box;margin:0;padding:0}.wrapper{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.big-text{color:#ffd1dc;letter-spacing:.15em;z-index:2;font-size:clamp(40px,10vw,120px);font-weight:900;position:absolute}.top-text{top:10%}.bottom-text{bottom:10%}.line{z-index:1;background:#ffd1dc;width:100%;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.line.expand{animation:2.5s cubic-bezier(.65,0,.35,1) forwards expandScreen}@keyframes expandScreen{0%{height:4px}to{height:100vh}}.pokeball{z-index:3;border-radius:50%;width:clamp(60px,8vw,100px);height:clamp(60px,8vw,100px);animation:.8s linear infinite spin;position:relative;overflow:hidden}.top-half{background:red;border-bottom:4px solid #000;width:100%;height:50%;position:absolute;top:0;left:0}.bottom-half{background:#fff;width:100%;height:50%;position:absolute;bottom:0;left:0}.center-button{z-index:5;background:#fff;border:4px solid #000;border-radius:50%;width:25%;height:25%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pokeball.opening{opacity:0;transition:opacity .8s;animation:none}.pokeball.opening .top-half{animation:.8s forwards openTop}.pokeball.opening .bottom-half{animation:.8s forwards openBottom}@keyframes openTop{0%{transform:translateY(0)}to{transform:translateY(-130%)}}@keyframes openBottom{0%{transform:translateY(0)}to{transform:translateY(130%)}}.pokedex-container{background:#ffd1dc;flex-direction:column;align-items:center;min-height:100vh;padding-top:80px;display:flex}.pokedex-title{text-align:center;color:#000;width:100%;margin-bottom:60px;font-size:clamp(2.5rem,6vw,6rem);font-weight:900}.title{color:#000;letter-spacing:4px;margin-bottom:40px;font-size:clamp(28px,5vw,60px);font-weight:900}.type-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:40px;padding-bottom:80px;display:grid}.type-tile{cursor:pointer;border:8px solid #000;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #ff9ecb}.type-tile:before{content:"";background:red;border-bottom:6px solid #000;width:100%;height:50%;position:absolute;top:0}.type-tile:after{content:"";background:#fff;width:100%;height:50%;position:absolute;bottom:0}.type-tile::marker{display:none}.type-tile img{z-index:2;object-fit:contain;background:#fff;border:6px solid #000;border-radius:50%;width:60%;height:60%;margin:auto;padding:4px;display:block;position:relative}.type-tile:hover{transform:scale(1.1);box-shadow:0 0 35px #ff6ec7}.cards-container{text-align:center;background:#ffd1dc;min-height:100vh;padding:30px 20px}.card-title{color:#000;letter-spacing:3px;margin-bottom:30px;font-size:clamp(28px,5vw,50px);font-weight:900}.cards-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:40px;display:grid}@media (max-width:1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cards-grid{grid-template-columns:1fr}}.cards-grid img{border:2px solid #0003;border-radius:10px;width:100%;box-shadow:0 0 12px #ff9ecb99}.cards-grid img:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 0 25px #ff9ecb}.pokeball-btn{aspect-ratio:1;cursor:pointer;box-sizing:border-box;background:#fff;border:6px solid #000;border-radius:50%;width:80px;height:80px;margin:60px auto 40px;transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:0 0 12px #000}.pokeball-btn:before{content:"";background:red;border-bottom:6px solid #000;width:100%;height:50%;position:absolute;top:0;left:0}.pokeball-btn:after{content:"";background:#fff;border:5px solid #000;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pokeball-btn:hover{animation:1s ease-in-out infinite pulse;transform:scale(1.12);box-shadow:0 0 20px #ff9ecb}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.pokeball-btn:active{transform:translate(-50%)scale(.95)}.pokeball-btn:before,.pokeball-btn:after{z-index:1}.pokeball-btn{z-index:2;flex-shrink:0}.type-tile.open:before{animation:.7s cubic-bezier(.65,0,.35,1) forwards openTop}.type-tile.open:after{animation:.7s cubic-bezier(.65,0,.35,1) forwards openBottom}.type-tile.open img{animation:.5s forwards iconFade}@keyframes iconFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.transition-overlay{z-index:999;pointer-events:none;background:#ffd1dc;border-radius:50%;width:0;height:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.transition-overlay.expand{animation:1.1s forwards expandPink}@keyframes expandPink{0%{opacity:1;width:0;height:0}70%{width:120vw;height:120vh}to{width:200vw;height:200vh}}.page-loader{z-index:999;background:#ffd1dc;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loader-line{border-top:4px dashed #000;width:200px;height:4px;position:absolute}.mini-pokeball{background:#fff;border:5px solid #000;border-radius:50%;width:70px;height:70px;animation:.8s linear infinite spin;position:relative;overflow:hidden}.mini-pokeball:before{content:"";background:red;border-bottom:5px solid #000;width:100%;height:50%;position:absolute;top:0;left:0}.mini-pokeball:after{content:"";background:#fff;border:4px solid #000;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mini-pokeball{box-shadow:0 0 15px #ff9ecb}