.reference-page{background:#f5f8fb;color:#23475e}
.reference-page .dex-browser{background:#f5f8fb;padding-top:28px}
.reference-page .dex-browser-head h2{color:#23475e}
.reference-page .dex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.reference-page .dex-filters{background:white;border:1px solid #d7e5ee;box-shadow:none}
.reference-page .dex-card{background:white;border:1px solid #d7e5ee;border-radius:18px;text-align:left;box-shadow:none;padding:16px;overflow:hidden}
.reference-page .dex-card:hover{transform:translateY(-2px);border-color:#70b8c9;box-shadow:0 8px 22px #4768780e}
.reference-page .dex-card-visual{height:150px;background:radial-gradient(ellipse,color-mix(in srgb,var(--ref-glow) 14%,white),transparent 72%)}
.reference-page .dex-card-visual img{width:145px;height:145px;object-fit:contain}
.reference-page .dex-card-title{display:block}.reference-page .dex-card-title h3{font-size:20px;color:#21485e;letter-spacing:-.3px}
.reference-page .dex-card-title small{font-size:12px;color:#7b91a2}.reference-page .dex-card-meta b{font-size:13px;color:#355c6c}.reference-page .dex-card-generation{font:500 10px/1.3 inherit;color:#7192a4;max-width:100px}
.ref-type-list{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:9px}
.ref-type{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1.3;font-weight:600;color:#38576b;border-radius:20px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--ref-type) 24%,white);background:color-mix(in srgb,var(--ref-type) 9%,white);white-space:nowrap}
.ref-type img.ref-type-icon{display:block;width:15px;height:15px;object-fit:contain;flex:0 0 15px}
.reference-page [hidden]{display:none!important}
.ref-dialog{width:min(1080px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border-radius:22px;border:1px solid #cbdee9;background:#f9fcff;color:#24485f;overflow:auto;overscroll-behavior:contain}
.ref-dialog::backdrop{background:#163444a8;backdrop-filter:blur(4px)}
.ref-dialog>.dex-dialog-close{position:sticky;top:12px;float:right;margin:12px 12px -52px 0;width:40px;height:40px;z-index:5;border-radius:12px;background:#edf6fb;border:1px solid #cbdfe9;color:#36627b;line-height:1}
.ref-dialog #dexDialogContent{max-height:none;padding:26px;overflow:visible}
.ref-detail-header{padding-right:50px;margin-bottom:16px}.ref-detail-header>div>span{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#879cac}
.ref-detail-header h2{font-size:32px;letter-spacing:-.9px;line-height:1.15;margin:7px 0;color:#23485f}.ref-detail-header h2 small{font-size:14px;color:#7e9bab;letter-spacing:0;margin-left:8px}.ref-detail-header p{font-size:13px;color:#7793a5;margin:0}
.ref-overview{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:center}
.ref-portrait{display:grid;place-items:center;align-content:center;border-radius:18px;background:radial-gradient(ellipse,color-mix(in srgb,var(--ref-glow) 15%,white),#f2f8fb 75%);min-height:285px;padding:12px}
.ref-portrait>img{width:230px;height:230px;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #264a6215)}
.ref-stats h3,.ref-section h3{font-size:19px;color:#28526b;margin:0 0 16px;letter-spacing:-.4px}.ref-stats h3{display:flex;justify-content:space-between;gap:10px}.ref-stats h3 span{color:#168b9d;font-size:16px}
.ref-stat{display:grid;grid-template-columns:115px 34px 1fr;gap:14px;align-items:center;margin:12px 0;font-size:13px}.ref-stat b{text-align:right;font-size:17px}.ref-stat meter{height:9px;width:100%;border:0;border-radius:5px;background:#e5eef4}.ref-stat meter::-webkit-meter-bar{background:#e5eef4;border:0;border-radius:5px}.ref-stat meter::-webkit-meter-optimum-value{background:#54a8af;border-radius:5px}.ref-stats>p,.ref-subtitle{font-size:12px;line-height:1.55;color:#7993a5;margin:10px 0 16px}
.ref-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.ref-facts>div{padding:12px 14px;background:white;border:1px solid #e0eaf0;border-radius:12px}.ref-facts dt{font-size:11px;color:#7b94a5}.ref-facts dd{font-size:13px;font-weight:650;margin:4px 0 0;color:#325970;line-height:1.5}
.ref-section{border-top:1px solid #deE9f1;padding-top:23px;margin-top:23px}.ref-abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-ability{display:flex;gap:12px;padding:16px;border-radius:14px;border:1px solid #dce8f0;background:white}.ref-ability-symbol{display:grid;place-items:center;border-radius:10px;background:#e7f4f5;color:#368990;width:32px;height:32px;flex:0 0 32px;font-size:24px}.ref-ability h4{font-size:15px;line-height:1.4;margin:0;color:#29506a}.ref-ability h4 small{display:inline-block;font-size:9px;padding:3px 6px;background:#ede9fa;color:#8c6bac;border-radius:8px;margin-left:7px}.ref-ability div>span{font-size:11px;color:#899eac}.ref-ability p{font-size:12px;line-height:1.65;color:#58758a;margin:7px 0 0}
.ref-matchups{display:flex;flex-wrap:wrap;gap:7px}.ref-matchup{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce8ee;background:white;border-radius:10px;padding:6px}.ref-matchup .ref-type{background:none;border:0;padding:2px}.ref-matchup>b{font-size:12px;padding-right:5px}
.ref-evolutions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.ref-evo{border:1px solid #dce8ee;background:white;border-radius:14px;padding:12px}.ref-evo button{display:flex;align-items:center;gap:8px;background:none;border:0;color:#28536b;width:100%;text-align:left;cursor:pointer;padding:0}.ref-evo img{width:52px;height:52px;object-fit:contain}.ref-evo button span{display:grid;gap:5px;font-size:13px}.ref-evo small{font-size:11px;color:#90a0b0}.ref-evo p{font-size:11px;line-height:1.6;color:#7290a0;margin:8px 0 0}
.ref-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.ref-section-heading h3{margin:0}.ref-section-heading label,.ref-move-filters label{display:grid;gap:5px;font-size:11px;color:#7895a7;min-width:0}
.ref-dialog select,.ref-dialog input{border:1px solid #d1e1ed;border-radius:10px;min-height:40px;color:#3b6077;background:white;padding:9px 11px;font:inherit;font-size:12px;width:100%;min-width:0}
.ref-move-filters{display:grid;grid-template-columns:1fr 190px;gap:12px;margin-bottom:16px;scroll-margin-top:15px}.ref-move-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ref-move{padding:13px;background:white;border:1px solid #dae6ef;border-radius:13px;min-width:0}.ref-move-main{display:flex;align-items:center;gap:9px}.ref-category-icon{flex:0 0 28px;display:grid;place-items:center}.ref-category-icon img{width:26px;height:26px}.ref-move-name{min-width:0;flex:1}.ref-move-name h4{margin:0;font-size:13px;line-height:1.4;color:#2d5671;overflow-wrap:anywhere}.ref-move-name small{font-size:10px;color:#859eaf}.ref-move-main .ref-type{font-size:10px;padding:4px 6px}.ref-move-main .ref-type-icon{width:12px;height:12px;flex-basis:12px}
.ref-move-bottom{display:flex;align-items:center;gap:10px;margin-top:13px}.ref-learn-method{font-size:10px;color:#6b8d9f;flex:1;line-height:1.5}.ref-move dl{display:flex;gap:16px;margin:0}.ref-move dl>div{text-align:right;min-width:36px}.ref-move dt{font-size:9px;color:#90a4b1}.ref-move dd{font-size:13px;font-weight:700;margin:3px 0 0}.ref-move details{margin-top:10px;border-top:1px solid #eef3f6;padding-top:8px}.ref-move summary{cursor:pointer;color:#598199;font-size:10px;min-height:20px;display:list-item}.ref-move details p{font-size:11px;color:#637e8f;line-height:1.65;margin:8px 0 0}.ref-move-pagination{display:flex;align-items:center;gap:8px;margin:18px 0}.ref-move-pagination>span{margin-right:auto;font-size:12px;color:#7593a6}.ref-move-pagination button,.ref-loading button{border:1px solid #ccdfeb;border-radius:10px;min-width:40px;min-height:40px;background:white;color:#2a779a;cursor:pointer}.ref-move-pagination button:disabled{opacity:.35;cursor:default}.ref-loading button{padding:9px 15px}
.ref-source{padding-top:20px;border-top:1px solid #dfebf2;margin-top:24px}.ref-source>a{color:#4385a2;font-size:12px}.ref-source p{font-size:11px;line-height:1.65;color:#7c94a5;max-width:760px}.ref-loading{min-height:260px;display:grid;align-content:center;justify-items:center;text-align:center;padding:25px}.ref-no-moves{font-size:13px;color:#7998a5}.ref-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ref-dialog button:focus-visible,.ref-dialog summary:focus-visible,.ref-dialog a:focus-visible{outline:3px solid #37a7c0;outline-offset:3px}
@media(max-width:1050px){.reference-page .dex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-overview{grid-template-columns:250px minmax(0,1fr);gap:20px}}
@media(max-width:700px){.reference-page .dex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reference-page .dex-card{padding:11px}.reference-page .dex-card-visual{height:120px}.reference-page .dex-card-visual img{width:115px;height:115px}.reference-page .dex-card-title h3{font-size:16px}.reference-page .dex-card-meta{gap:5px}.reference-page .dex-card-meta small{font-size:8px}.reference-page .dex-card-meta b{font-size:11px}.reference-page .dex-card-generation{font-size:9px}.ref-type{font-size:10px;padding:3px 6px}.ref-type img.ref-type-icon{width:13px;height:13px;flex-basis:13px}.ref-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.ref-dialog #dexDialogContent{padding:17px}.ref-detail-header h2{font-size:26px}.ref-detail-header h2 small{display:block;margin:4px 0}.ref-overview{grid-template-columns:1fr;gap:20px}.ref-portrait{min-height:0;padding:10px}.ref-portrait>img{width:200px;height:200px}.ref-stats h3,.ref-section h3{font-size:18px}.ref-stat{grid-template-columns:105px 28px 1fr;gap:9px;font-size:12px}.ref-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ref-facts>div{padding:10px}.ref-abilities{grid-template-columns:1fr}.ref-evolutions{grid-template-columns:1fr}.ref-evo{display:grid;grid-template-columns:1fr;gap:0}.ref-section-heading{display:block}.ref-section-heading label{margin-top:12px}.ref-move-filters{grid-template-columns:1fr;gap:9px}.ref-move-list{grid-template-columns:1fr}.ref-dialog input{font-size:16px}.ref-dialog select{font-size:14px}.ref-move-pagination{gap:6px}.ref-move-main .ref-type{font-size:9px}.ref-dialog>.dex-dialog-close{top:10px;margin:10px 10px -50px 0}.ref-stats h3 span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.reference-page .dex-card{transition:none;transform:none}}