.pokemon-card{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.2,0,0,1);position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.pokemon-card:hover{transform:translateY(-8px);border-color:var(--accent);background:#ffffff0d;box-shadow:0 30px 60px #0006,0 0 40px #3b82f61a}.card-image-container{display:flex;justify-content:center;align-items:center;padding:2rem;height:240px;position:relative}.card-image-container:before{content:"";position:absolute;width:60%;height:60%;background:var(--type-color);filter:blur(50px);opacity:.1;z-index:0}.card-image{width:180px;height:180px;object-fit:contain;z-index:2;filter:drop-shadow(0 20px 30px rgba(0,0,0,.3));transition:transform .6s cubic-bezier(.2,0,0,1)}.pokemon-card:hover .card-image{transform:scale(1.1) translateY(-10px)}.card-content{padding:1.5rem 2rem;flex-grow:1;display:flex;flex-direction:column;gap:1rem;background:#0000001a}.card-name{font-size:1.4rem;font-weight:700;margin:0;text-transform:uppercase;color:#fff;letter-spacing:1px}.card-types{display:flex;gap:8px}.type-badge{padding:4px 12px;border-radius:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;color:#fff;letter-spacing:1px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.type-grass{--type-color: var(--type-grass);border-bottom:3px solid var(--type-grass)}.type-fire{--type-color: var(--type-fire);border-bottom:3px solid var(--type-fire)}.type-water{--type-color: var(--type-water);border-bottom:3px solid var(--type-water)}.type-bug{--type-color: var(--type-bug);border-bottom:3px solid var(--type-bug)}.type-normal{--type-color: var(--type-normal);border-bottom:3px solid var(--type-normal)}.type-poison{--type-color: var(--type-poison);border-bottom:3px solid var(--type-poison)}.type-electric{--type-color: var(--type-electric);border-bottom:3px solid var(--type-electric)}.type-ground{--type-color: var(--type-ground);border-bottom:3px solid var(--type-ground)}.type-fairy{--type-color: var(--type-fairy);border-bottom:3px solid var(--type-fairy)}.type-fighting{--type-color: var(--type-fighting);border-bottom:3px solid var(--type-fighting)}.type-psychic{--type-color: var(--type-psychic);border-bottom:3px solid var(--type-psychic)}.type-rock{--type-color: var(--type-rock);border-bottom:3px solid var(--type-rock)}.type-ghost{--type-color: var(--type-ghost);border-bottom:3px solid var(--type-ghost)}.type-ice{--type-color: var(--type-ice);border-bottom:3px solid var(--type-ice)}.type-dragon{--type-color: var(--type-dragon);border-bottom:3px solid var(--type-dragon)}.type-dark{--type-color: var(--type-dark);border-bottom:3px solid var(--type-dark)}.type-steel{--type-color: var(--type-steel);border-bottom:3px solid var(--type-steel)}.type-flying{--type-color: var(--type-flying);border-bottom:3px solid var(--type-flying)}.type-badge.type-grass{background:var(--type-grass)}.type-badge.type-fire{background:var(--type-fire)}.type-badge.type-water{background:var(--type-water)}.type-badge.type-bug{background:var(--type-bug)}.type-badge.type-normal{background:var(--type-normal)}.type-badge.type-poison{background:var(--type-poison)}.type-badge.type-electric{background:var(--type-electric)}.type-badge.type-ground{background:var(--type-ground)}.type-badge.type-fairy{background:var(--type-fairy)}.type-badge.type-fighting{background:var(--type-fighting)}.type-badge.type-psychic{background:var(--type-psychic)}.type-badge.type-rock{background:var(--type-rock)}.type-badge.type-ghost{background:var(--type-ghost)}.type-badge.type-ice{background:var(--type-ice)}.type-badge.type-dragon{background:var(--type-dragon)}.type-badge.type-dark{background:var(--type-dark)}.type-badge.type-steel{background:var(--type-steel)}.type-badge.type-flying{background:var(--type-flying)}@media(max-width:768px){.card-image-container{height:180px;padding:1.5rem}.card-image{width:140px;height:140px}.card-content{padding:1.2rem 1.5rem}.card-name{font-size:1.1rem}.pokemon-card{border-radius:16px}}.skeleton-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;height:380px;border:1px solid rgba(255,255,255,.05)}.skeleton-image{height:240px;background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.skeleton-content{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.skeleton-title{height:24px;width:60%;background:#ffffff08;border-radius:4px}.skeleton-types{display:flex;gap:8px}.skeleton-type{height:20px;width:60px;background:#ffffff08;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-container{max-width:1400px;margin:0 auto;padding:40px 20px;min-height:100vh}.header{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-bottom:5rem;text-align:center;position:relative;z-index:10}.search-and-filter{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem;align-items:center}.type-filters-scroll{width:100vw;padding:0 2rem 1rem;display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.type-filters-scroll::-webkit-scrollbar{display:none}.type-filter-btn{padding:10px 24px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:1px;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-filter-btn.active{background:var(--accent);border-color:transparent;box-shadow:0 0 20px #3b82f64d}.title{font-size:6rem;font-weight:900;color:#fff;margin:0;text-transform:uppercase;letter-spacing:12px;background:linear-gradient(to bottom,#fff,#444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(255,255,255,.1))}.search-bar{display:flex;align-items:center;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;border-radius:20px;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #0000004d}.search-bar:focus-within{border-color:var(--accent);background:#ffffff0d;box-shadow:0 0 30px #3b82f61a;transform:scale(1.02)}.search-bar input{background:transparent;border:none;outline:none;color:#fff;margin-left:1rem;width:100%;font-size:1.1rem}.search-bar input::placeholder{color:#fff3}.pokemon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3rem}.no-results{text-align:center;grid-column:1 / -1;padding:6rem;font-size:1.5rem;color:var(--text-secondary);font-weight:300}.loader-container,.load-more-container{display:flex;justify-content:center;margin:6rem 0}.load-more-btn{background:transparent;color:#fff;font-weight:700;padding:1.2rem 4rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-size:1rem;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;background:#ffffff08}.load-more-btn:hover{transform:translateY(-3px);background:#ffffff14;border-color:var(--accent);box-shadow:0 10px 30px #3b82f633}@media(max-width:768px){.home-container{padding:2.5rem 1rem}.title{font-size:2.8rem;letter-spacing:5px}.header{margin-bottom:3rem}.pokemon-grid{grid-template-columns:1fr;gap:1.5rem}.load-more-btn{padding:1rem 2rem;font-size:.8rem}}.scroll-top-btn{position:fixed;bottom:3rem;right:3rem;width:60px;height:60px;background:var(--accent);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #3b82f666;z-index:1000;cursor:pointer;border:none;outline:none}.scroll-top-btn:hover{background:#2563eb;transform:scale(1.1)}.loader-container-flex{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%}.pokeball-loader-wrapper{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.pokeball-loader{width:80px;height:80px;background:#fff;border-radius:50%;position:relative;overflow:hidden;border:4px solid #1a1a1a;animation:bounce-wiggle 1.2s cubic-bezier(.175,.885,.32,1.275) infinite;box-shadow:0 0 40px #00d4ff33}.pokeball-loader:before{content:"";position:absolute;background:#ff1c1c;width:100%;height:50%;top:0;left:0;border-bottom:4px solid #1a1a1a}.pokeball-loader:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;background:#fff;border:4px solid #1a1a1a;border-radius:50%;transform:translate(-50%,-50%);z-index:1;box-shadow:0 0 0 2px #fff;animation:button-glow 1.2s ease-in-out infinite}.loading-text{color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.4rem;margin:0;text-transform:uppercase;background:linear-gradient(90deg,transparent,#fff,transparent);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-shine 2s linear infinite}.loader-background-glow{position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-glow 2s ease-in-out infinite}@keyframes bounce-wiggle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-15deg)}75%{transform:translateY(-10px) rotate(15deg)}}@keyframes button-glow{0%,to{background:#fff;box-shadow:0 0 0 2px #fff}50%{background:#00d4ff;box-shadow:0 0 15px 2px #00d4ff}}@keyframes text-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.4);opacity:.8}}.gen-viewer-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;padding:2rem;overflow-x:hidden;background:radial-gradient(circle at 50% 120%,var(--type-color),transparent),#0a0a0c;transition:all .3s ease}.gen-loader{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#0a0a0c}.gen-viewer-container:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;background:var(--type-color);filter:blur(150px);opacity:.15;border-radius:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;transition:background .8s ease}.hud-line{position:absolute;background:#ffffff0d;pointer-events:none;z-index:1}.hud-line-h{height:1px;width:100%;left:0}.hud-line-v{width:1px;height:100%;top:0}.background-name{position:absolute;font-size:15vw;font-weight:900;color:#ffffff08;text-transform:uppercase;z-index:0;top:40%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:-.05em}.carousel-area{width:100%;height:60vh;display:flex;justify-content:center;align-items:center;perspective:2000px;position:relative;z-index:2}.carousel-images-container{position:relative;width:100%;height:100%;transform-style:preserve-3d}.carousel-card{position:absolute;width:450px;height:450px;left:50%;top:50%;margin-left:-225px;margin-top:-225px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;cursor:grab;z-index:5}.carousel-card:active{cursor:grabbing}.carousel-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.4));transition:filter .3s ease}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.nav-arrow:hover{background:#ffffff1a;border-color:var(--type-color);box-shadow:0 0 20px var(--type-glow)}.nav-left{left:2rem}.nav-right{right:2rem}.carousel-card.active .carousel-image{filter:drop-shadow(0 40px 60px var(--type-glow))}.hero-info{position:absolute;bottom:-80px;text-align:center;width:100%;z-index:10}.hero-name{font-size:5rem;font-weight:800;text-transform:uppercase;letter-spacing:-2px;margin:0;background:linear-gradient(to bottom,#fff,#ffffff80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.stats-hud{display:grid;grid-template-columns:1fr 1fr;gap:4rem;width:100%;max-width:1200px;margin-top:5rem;z-index:3;padding-bottom:5rem}.hud-panel{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.hud-panel:before{content:"";position:absolute;top:0;left:0;width:4px;height:40px;background:var(--type-color);box-shadow:0 0 15px var(--type-color)}.panel-title{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.2rem;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.type-pills{display:flex;gap:.75rem}.type-pill{padding:.5rem 1.25rem;border-radius:100px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .3s ease}.physical-stats{display:flex;gap:2rem;margin-top:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.4rem}.stat-label-dim{font-size:.65rem;font-weight:700;color:var(--text-secondary);letter-spacing:.1rem;text-transform:uppercase;opacity:.6}.stat-value-dim{font-size:1.1rem;font-weight:800;color:#fff}.abilities-box{margin-top:1.5rem;padding:1rem;background:#ffffff08;border-radius:12px}.abilities-text{font-size:1rem;font-weight:700;color:#fff;text-transform:capitalize;margin:.4rem 0 0}.description-box{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-top:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-circle-item{display:flex;flex-direction:column;align-items:center;gap:.75rem}.circle-container{width:80px;height:80px;position:relative;display:flex;justify-content:center;align-items:center}.circle-svg{transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#ffffff0d;stroke-width:4}.circle-fill{fill:none;stroke:var(--type-color);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray 1s ease-out}.stat-value{position:absolute;font-size:1.1rem;font-weight:800;color:#fff}.stat-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.evolution-nav{display:flex;align-items:center;gap:1.5rem;margin-top:2rem}.evol-thumb{width:60px;height:60px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.5rem;cursor:pointer;transition:all .3s ease}.evol-thumb:hover,.evol-thumb.active{background:#ffffff1a;border-color:var(--type-color);box-shadow:0 0 15px #ffffff1a}.evol-thumb img{width:100%;height:100%;object-fit:contain}.gen-tag{position:absolute;top:2rem;right:2rem;font-size:.8rem;font-weight:900;color:var(--type-color);letter-spacing:.3rem;border-bottom:2px solid var(--type-color);padding-bottom:.5rem}.stats-grid-simple{display:flex;flex-direction:column;gap:1.2rem;width:100%}.simple-stat-row{display:flex;align-items:center;gap:1.5rem}.stat-label-simple{width:100px;font-size:.65rem;font-weight:800;color:var(--text-secondary);letter-spacing:1px}.stat-bar-bg{flex:1;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:4px;transition:width .6s ease-out}.stat-value-simple{width:30px;font-size:.9rem;font-weight:800;color:#fff;text-align:right}@media(max-width:768px){.gen-viewer-container{padding:1rem}.background-name{font-size:20vw;top:30%}.carousel-area{height:45vh;margin-top:2rem}.carousel-card{width:180px;height:180px;margin-left:-90px;margin-top:-90px}.hero-info{bottom:-45px}.hero-name{font-size:2.2rem}.nav-arrow{width:45px;height:45px}.nav-left{left:.25rem}.nav-right{right:.25rem}.stats-hud{grid-template-columns:1fr;gap:2rem;margin-top:4rem;padding-bottom:2rem}.hud-panel{padding:1.5rem}.description-box{font-size:1rem}.gen-tag{top:1rem;right:1rem;font-size:.7rem}.evolution-nav{gap:1rem;overflow-x:auto;padding-bottom:.5rem;width:100%;justify-content:flex-start}.evol-thumb{width:50px;height:50px;flex-shrink:0}}@media(max-width:480px){.carousel-card{width:140px;height:140px;margin-left:-70px;margin-top:-70px}.hero-info{bottom:-35px}.hero-name{font-size:1.8rem}.background-name{font-size:25vw;top:25%}.nav-arrow{width:40px;height:40px}}.detail-container{min-height:100vh;width:100%;position:relative;background:#0a0a0c;display:flex;flex-direction:column}.back-btn{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:50px;height:50px;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:absolute;top:2rem;left:2rem;z-index:1000}.detail-card{width:100%;flex:1;display:flex}.error-message-center{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#fff;text-align:center}.retry-btn{margin-top:1rem;padding:.8rem 2rem;background:var(--accent);color:#fff;border-radius:8px;font-weight:700}.splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0c;display:flex;justify-content:center;align-items:center;z-index:99999;overflow:hidden;opacity:1}.pokeball-intro{width:150px;height:150px;position:relative;border:8px solid #334155;border-radius:50%;background:#fff;overflow:hidden;z-index:10001}.pokeball-top{height:50%;background:#ef4444;border-bottom:8px solid #334155;transition:transform .8s cubic-bezier(.4,0,.2,1)}.pokeball-bottom{height:50%;background:#fff;transition:transform .8s cubic-bezier(.4,0,.2,1)}.pokeball-center{position:absolute;top:50%;left:50%;width:40px;height:40px;background:#fff;border:8px solid #334155;border-radius:50%;transform:translate(-50%,-50%);z-index:10}.pokeball-intro.open .pokeball-top{transform:translateY(-80px) rotate(-10deg)}.pokeball-intro.open .pokeball-bottom{transform:translateY(80px) rotate(10deg)}.pokeball-intro.wobble{animation:wobble 1s ease-in-out infinite}@keyframes wobble{0%{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}45%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}to{transform:rotate(0)}}.flash-light-static{position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;z-index:100002;box-shadow:0 0 100px #fff,0 0 200px #fff;animation:flash-expand 1.5s forwards ease-in-out}@keyframes flash-expand{0%{transform:scale(0);opacity:0}50%{transform:scale(100);opacity:1}to{transform:scale(200);opacity:0}}html{scroll-behavior:smooth}:root{--bg-primary: #0a0a0c;--bg-secondary: #141418;--bg-tertiary: #1c1c24;--text-primary: #ffffff;--text-secondary: #94a3b8;--accent: #3b82f6;--card-bg: rgba(20, 20, 24, .8);--type-grass: #4ade80;--type-fire: #f87171;--type-water: #60a5fa;--type-bug: #a3e635;--type-normal: #94a3b8;--type-poison: #c084fc;--type-electric: #facc15;--type-ground: #fbbf24;--type-fairy: #f472b6;--type-fighting: #ef4444;--type-psychic: #ec4899;--type-rock: #d97706;--type-ghost: #818cf8;--type-ice: #7dd3fc;--type-dragon: #6366f1;--type-dark: #334155;--type-steel: #64748b;--type-flying: #818cf8;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--glow: 0 0 20px rgba(59, 130, 246, .5)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*{box-sizing:border-box}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}button{cursor:pointer;border:none;outline:none;background:none;color:inherit;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}