.dex-page{max-width:1280px;margin:0 auto;padding:44px 40px 60px;font-family:var(--ui);color:#392747}.dex-page a{color:inherit}.dex-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding:24px 0 42px}.dex-page h1{font:600 clamp(42px,5vw,68px)/1.03 var(--pixel);letter-spacing:-1.5px;margin:17px 0;color:#533667}.dex-hero p{max-width:490px;font:400 16px/1.85 var(--ui);color:#766382}.dex-quick-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:12px}.dex-quick-links>span{color:#776482;margin-right:3px}.dex-quick-links a{border:1px solid #e4dbe9;padding:8px 12px;border-radius:6px;background:white;text-decoration:none}.dex-quick-links a:hover{border-color:#9972b1}.dex-hero-pick{background:#eee8f6;border:1px solid #e2d8ec;border-radius:12px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;padding:26px 24px 0;text-decoration:none;position:relative;overflow:hidden;min-height:245px}.dex-hero-pick>div{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.dex-hero-pick>div>span{font:600 9px/1.6 var(--ui);letter-spacing:1px;color:#795f8d}.dex-hero-pick strong{font:600 34px/1 var(--pixel);letter-spacing:-.5px}.dex-hero-pick small{font:400 12px/1.5 var(--ui);color:#765d83}.dex-hero-pick img{width:100%;height:190px;object-fit:contain;transform:scale(1.12)}.dex-hero-pick>b{grid-column:1/-1;width:100%;padding:16px 0;margin-top:16px;border-top:1px solid #d9cce4;display:flex;justify-content:space-between;font:500 11px/1.6 var(--ui);color:#705387}.dex-intro-bar{display:flex;flex-wrap:wrap;gap:24px;padding:22px 0;border-top:1px solid #e5ddeb;border-bottom:1px solid #e5ddeb;font-size:12px;color:#7a6588}.dex-intro-bar strong{color:#50365f}.dex-intro-bar a{margin-left:auto;color:#6f4d87;text-decoration:none}.dex-directory{margin-top:32px}.dex-filters{display:grid;grid-template-columns:2fr 1fr 1.1fr 1.1fr;gap:14px;background:#fff;border:1px solid #e7e0ec;border-radius:9px;padding:20px}.dex-filters label{display:flex;flex-direction:column;gap:8px;min-width:0}.dex-filters label>span{font:500 11px/1.4 var(--ui);color:#756480}.dex-filters input,.dex-filters select{width:100%;min-width:0;box-sizing:border-box;font:400 13px/1.5 var(--ui);height:44px;padding:10px 12px;border:1px solid #e3dce9;border-radius:6px;color:#493854;background:#fcfbfd}.dex-filters input:focus,.dex-filters select:focus{outline:2px solid #aa8bbc;outline-offset:2px}.dex-results-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0;scroll-margin-top:100px}.dex-results-bar p{font:400 12px/1.7 var(--ui);margin:0;color:#82718d}.dex-results-bar strong{color:#51385e;font-weight:600}.dex-reset{border:0;background:none;color:#75578c;text-decoration:underline;font:500 12px/1.5 var(--ui);cursor:pointer;padding:7px}.dex-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.dex-tile{display:block;min-width:0;text-decoration:none;border:1px solid #e5dfe9;border-radius:9px;overflow:hidden;background:#fff;transition:border-color .15s}.dex-tile:hover{border-color:#a486b9}.dex-page a:focus-visible,.dex-page button:focus-visible{outline:2px solid #9272af;outline-offset:4px}.dex-tile-art{position:relative;aspect-ratio:1/1;background:#f6f4f9;padding:25px 17px 7px}.dex-tile-art img{width:100%;height:100%;object-fit:contain;display:block}.dex-number{position:absolute;top:12px;left:13px;font:500 10px/1.3 var(--ui);color:#7c6a88}.dex-tile-info{padding:13px 13px 12px}.dex-tile-info h3{font:600 15px/1.4 var(--ui);letter-spacing:0;margin:0 0 9px;color:#493354}.dex-types{display:flex;gap:5px;flex-wrap:wrap}.dex-types>span{font:500 10px/1.3 var(--ui);padding:4px 8px;border-radius:4px;background:#ede7f2;color:#695077}.dex-tile-link{display:flex;justify-content:space-between;gap:6px;margin-top:14px;padding-top:10px;border-top:1px solid #f0eaf4;font:400 9px/1.4 var(--ui);color:#80698e}.dex-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:30px}.dex-pagination .btn{border:1px solid #dfd6e7;background:#fff;box-shadow:none;border-radius:5px;font:500 12px/1.5 var(--ui);padding:10px 16px;min-height:40px}.dex-pagination .btn:disabled{opacity:.4;cursor:default}.dex-pagination>span{font:400 12px/1.5 var(--ui);color:#7b6788}.dex-source{font:400 11px/1.85 var(--ui);color:#8a7896;margin:28px 0 0;max-width:900px}.dex-source a{text-decoration:underline}.dex-empty{border:1px dashed #d8cbe3;border-radius:8px;padding:44px 20px;text-align:center;margin:24px 0;background:#faf8fc}.dex-empty h2,.dex-empty h3{font:600 20px/1.4 var(--ui)}.dex-empty p{font:400 13px/1.8 var(--ui);color:#7c6788}.dex-profile{display:grid;grid-template-columns:minmax(250px,.9fr) 1.1fr;gap:60px;align-items:center;margin:30px 0 45px}.dex-profile-art{border:1px solid #e5ddec;border-radius:12px;background:#f1ecf7;position:relative;padding:44px;aspect-ratio:1}.dex-profile-art>span{position:absolute;left:24px;top:22px;font:500 16px/1.4 var(--ui);color:#887597}.dex-profile-art>img{display:block;width:100%;height:100%;object-fit:contain}.dex-profile-info h1{font-size:64px;margin:12px 0 18px}.dex-profile-info .dex-types>span{font-size:12px;padding:6px 12px}.dex-description{font:400 15px/1.85 var(--ui);color:#786583;max-width:550px;margin:22px 0}.dex-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e4dce9;border-bottom:1px solid #e4dce9;padding:20px 0;margin:22px 0;gap:20px}.dex-facts dt{font:400 11px/1.5 var(--ui);color:#8b7697}.dex-facts dd{font:500 16px/1.5 var(--ui);margin:6px 0 0}.dex-abilities h2{font:500 11px/1.5 var(--ui);color:#8b7697;margin:0 0 10px}.dex-abilities>div{display:flex;gap:8px;flex-wrap:wrap}.dex-abilities>div>span{font:500 12px/1.5 var(--ui);padding:7px 10px;background:#fff;border:1px solid #e5dce9;border-radius:5px}.dex-abilities small{font-size:9px;color:#92829a;font-weight:400;margin-left:8px}.dex-profile-info>.btn{display:inline-flex;margin-top:24px;box-shadow:none;border-radius:6px;letter-spacing:0;font:500 13px/1.5 var(--ui);background:#67477e;color:#fff;border:1px solid #67477e;padding:12px 18px}.dex-default-note{font:400 10px/1.7 var(--ui);color:#94839d;margin:14px 0 0}.dex-details{display:grid;grid-template-columns:1fr 2fr;gap:24px}.dex-stats,.dex-family{background:#fff;border:1px solid #e5deea;border-radius:9px;padding:24px}.dex-page .dex-details h2{font:600 20px/1.3 var(--ui);letter-spacing:0;margin:0 0 8px}.dex-details section>p{font:400 11px/1.6 var(--ui);color:#8b7797;margin:0 0 22px}.dex-stat{display:grid;grid-template-columns:58px 28px 1fr;gap:10px;align-items:center;margin:13px 0;font:400 11px/1.5 var(--ui);color:#85728f}.dex-stat strong{color:#573c69;font-weight:500}.dex-stat-track{height:7px;background:#f0ebf5;border-radius:3px;overflow:hidden}.dex-stat-track>span{display:block;height:100%;background:#ad92c5;border-radius:3px}.dex-stat-total{border-top:1px solid #eee8f2;margin-top:22px;padding-top:15px;display:flex;justify-content:space-between;font:500 12px/1.5 var(--ui)}.dex-family-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.dex-family-grid .dex-tile{max-width:230px}.dex-family-grid>div{min-width:0}.dex-family-grid .dex-tile-art{max-height:150px}.dex-family-grid .dex-tile-info h3{font-size:13px}.dex-family-grid .dex-tile-link{display:none}.dex-family-grid .dex-tile[aria-current=page]{border-color:#a98cbd;background:#fbf8fd}.dex-family-grid>div>small{display:block;font:400 10px/1.6 var(--ui);color:#93829e;margin:9px 2px}.dex-family-grid>div>small a{text-decoration:underline}.dex-cards{margin-top:52px;padding-top:36px;border-top:1px solid #e1d9e7;scroll-margin-top:90px}.dex-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.dex-section-heading h2{font:600 28px/1.25 var(--ui);letter-spacing:-.7px;margin:10px 0}.dex-section-heading p{font:400 13px/1.8 var(--ui);color:#877191;max-width:600px;margin:0}.dex-section-heading>a{white-space:nowrap;font:500 12px/1.5 var(--ui)}.dex-neighbors{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:40px;border-top:1px solid #e4dcea;border-bottom:1px solid #e4dcea;padding:22px 0;font:500 12px/1.5 var(--ui)}.dex-neighbors>div:last-child{text-align:right}.dex-neighbors a{text-decoration:none}.pokemon-card-links{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.pokemon-card-links a{padding:8px 12px;background:#f4eff8;border:1px solid #e4dbea;border-radius:5px;font:500 12px/1.5 var(--ui);color:#725487;text-decoration:none}
.dex-types [data-type=grass],.dex-types [data-type=bug]{background:#e9f2df;color:#536b37}.dex-types [data-type=fire]{background:#fbe8df;color:#9a573d}.dex-types [data-type=water],.dex-types [data-type=ice]{background:#e5eff9;color:#456d8f}.dex-types [data-type=electric]{background:#faf1cc;color:#866e24}.dex-types [data-type=poison],.dex-types [data-type=ghost]{background:#efe4f4;color:#815393}.dex-types [data-type=psychic],.dex-types [data-type=fairy]{background:#f8e4ed;color:#965677}.dex-types [data-type=ground],.dex-types [data-type=rock],.dex-types [data-type=fighting]{background:#f3e7de;color:#89634c}.dex-types [data-type=steel],.dex-types [data-type=normal]{background:#eeedf1;color:#706a7b}.dex-types [data-type=dragon],.dex-types [data-type=flying]{background:#eae7fa;color:#726299}.dex-types [data-type=dark]{background:#e9e5ed;color:#62556d}.dex-tile-art[data-type=grass]{background:#f0f5e9}.dex-tile-art[data-type=fire]{background:#fcf1e9}.dex-tile-art[data-type=water]{background:#edf3fa}.dex-tile-art[data-type=electric],.dex-profile-art[data-type=electric]{background:#fbf6e6}.dex-tile-art[data-type=psychic],.dex-tile-art[data-type=fairy]{background:#fbf0f5}
@media(max-width:1100px){.dex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dex-hero{gap:30px}.dex-profile{gap:30px}.dex-profile-art{padding:30px}.dex-filters{grid-template-columns:1.5fr 1fr 1fr 1fr}.dex-details{grid-template-columns:1fr 1.6fr}.dex-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dex-family-grid .dex-tile-info{padding:10px}.dex-family-grid .dex-types{gap:3px}.dex-family-grid .dex-types>span{font-size:9px;padding:3px 5px}}
@media(max-width:760px){.dex-page{padding:26px 20px 40px}.dex-hero{grid-template-columns:1fr;gap:25px;padding:8px 0 28px}.dex-hero h1{font-size:52px}.dex-hero p{font-size:14px}.dex-hero-pick{min-height:175px;padding:20px 22px 0;grid-template-columns:1fr 1fr}.dex-hero-pick img{height:145px}.dex-hero-pick>b{margin-top:8px;padding:13px 0}.dex-intro-bar{gap:12px 20px}.dex-intro-bar a{margin-left:0;width:100%;font-size:11px}.dex-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:14px 12px}.dex-search{grid-column:1/-1}.dex-directory .dex-filters label:last-child,.dex-cards .dex-filters label:last-child{grid-column:1/-1}.dex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dex-tile-info{padding:11px}.dex-profile{grid-template-columns:1fr;gap:26px;margin-top:20px}.dex-profile-art{max-width:440px;width:100%;margin:auto;padding:40px;box-sizing:border-box}.dex-profile-info h1{font-size:52px}.dex-details{grid-template-columns:1fr;gap:20px}.dex-stats,.dex-family{padding:20px}.dex-section-heading{display:block}.dex-section-heading>a{display:inline-block;margin-top:16px}.dex-cards{margin-top:34px;padding-top:26px}.dex-neighbors{gap:10px;font-size:10px}.dex-neighbors>a{font-size:11px;white-space:nowrap}.dex-pagination{gap:16px}.dex-pagination .btn{padding:9px 13px}}
@media(max-width:480px){.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dex-tile-info h3{font-size:14px}.dex-tile-link{font-size:9px}.dex-quick-links{gap:7px}.dex-quick-links a{padding:7px 9px}.dex-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dex-results-bar p>span{display:block}.dex-page .landing-eyebrow{font-size:10px}.dex-facts{gap:12px}.dex-facts dd{font-size:15px}}