:root{--bg: #0f1724;--card: #ffffff;--muted: #9aa4b2}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#071124,#0f1724);font-family:Inter,Roboto,system-ui;color:var(--card);min-height:100vh}.pg-wrap{padding:24px;max-width:1200px;margin:24px auto}.pg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pg-title{font-size:20px;font-weight:700}.pg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.pg-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:box-shadow .35s ease,transform .18s ease;transform-style:preserve-3d}.pg-card:hover{transform:none}.pg-image{border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pg-image img{width:100%;height:100%;object-fit:contain}.pg-card.fire:hover{box-shadow:0 10px 30px #ff503273,0 0 40px #ff503240}.pg-card.water:hover{box-shadow:0 10px 30px #3296ff73,0 0 40px #3296ff40}.pg-card.grass:hover{box-shadow:0 10px 30px #3cc87873,0 0 40px #3cc87840}.pg-card.lightning:hover{box-shadow:0 10px 30px #ffe6328c,0 0 50px #ffe63259}.pg-card.psychic:hover{box-shadow:0 10px 30px #be3cff8c,0 0 50px #be3cff59}.pg-card.fighting:hover{box-shadow:0 10px 30px #c878328c,0 0 50px #c8783259}.pg-card.darkness:hover{box-shadow:0 10px 30px #0904aab3,0 0 50px #0904aa59}.pg-card.metal:hover{box-shadow:0 10px 30px #b4b4c8b3,0 0 50px #b4b4c873}.pg-card.fairy:hover{box-shadow:0 10px 30px #ff96c8a6,0 0 50px #ff96c873}.pg-card.dragon:hover{box-shadow:0 10px 30px #fab432a6,0 0 50px #fab43273}.pg-card.colorless:hover{box-shadow:0 10px 30px #c8c8c880,0 0 40px #c8c8c84d}.pg-name{margin-top:10px;font-size:14px;text-transform:capitalize;color:var(--card)}.pg-set{font-size:12px;color:var(--muted);margin-top:6px}.pg-pagination{display:flex;gap:8px;align-items:center}.pg-btn{background:transparent;border:1px solid rgba(255,255,255,.06);padding:8px 12px;border-radius:8px;color:var(--card);cursor:pointer}.pg-btn[disabled]{opacity:.35;cursor:not-allowed}.pg-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#02061799,#020617d9);display:flex;align-items:center;justify-content:center;z-index:999}.pg-modal{border-radius:16px;background:transparent;box-shadow:0 30px 80px #020617b3;perspective:1200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pg-close{position:absolute;right:16px;top:16px;background:#0009;border:2px solid rgba(255,255,255,.9);color:#fff;font-weight:800;font-size:20px;cursor:pointer;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:background .25s,transform .15s,box-shadow .2s;z-index:1000}.pg-close:hover{background:#ff3b3bf2;transform:scale(1.08);box-shadow:0 4px 18px #ff3b3b8c}.pg-expanded{display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease}.pg-expanded-inner{background:transparent;border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:20px;color:#fff;box-shadow:0 0 18px #ffffff08;transition:box-shadow .35s ease}.pg-expanded-inner img{width:360px;object-fit:contain}.pg-expanded.fire .pg-expanded-inner,.pg-expanded.water .pg-expanded-inner,.pg-expanded.grass .pg-expanded-inner,.pg-expanded.lightning .pg-expanded-inner,.pg-expanded.psychic .pg-expanded-inner,.pg-expanded.fighting .pg-expanded-inner,.pg-expanded.darkness .pg-expanded-inner,.pg-expanded.metal .pg-expanded-inner,.pg-expanded.fairy .pg-expanded-inner,.pg-expanded.dragon .pg-expanded-inner,.pg-expanded.colorless .pg-expanded-inner{animation:glowPulse 2s infinite alternate}@keyframes glowPulse{0%{box-shadow:0 0 24px #ffffff0a,0 0 40px var(--glow)}to{box-shadow:0 0 40px #ffffff0f,0 0 90px var(--glow)}}.pg-meta{margin-top:8px;text-align:center;color:#fff}.pg-meta-title{font-size:22px;font-weight:700;text-transform:capitalize}.pg-meta-set{color:#ddd;margin-top:6px}.pokeball-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#0009;z-index:2000}.pokeball-loader img{width:80px;height:80px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1000px){.pg-grid{grid-template-columns:repeat(3,1fr)}.pg-image{height:180px}.pg-expanded-inner img{width:260px;height:260px}}@media (max-width: 600px){.pg-grid{grid-template-columns:repeat(2,1fr)}.pg-wrap{padding:12px}.pg-expanded{width:92%;height:78%}}