/* Public reference guide. Extends the portal palette; portraits are single frames. */
.dex-pagination.dex-pagination-top{margin:16px 0 22px;scroll-margin-top:110px}
.dex-panel{padding:28px 30px 30px;border:1px solid #385966;border-radius:14px;background:#0c2834;min-width:0}.dex-panel[hidden]{display:none}
.dex-tabs{display:flex;gap:6px;padding:5px;background:#081e28;border:1px solid #2f4e5b;border-radius:9px;width:max-content;max-width:100%;margin-bottom:30px}.dex-tabs a{padding:10px 24px;font-weight:700;font-size:15px;color:#aacbd6;text-decoration:none;border-radius:6px;min-height:44px}.dex-tabs a[aria-current="page"]{background:#ffde65;color:#102a35}.dex-tabs a:not([aria-current]):hover{background:#163c48;color:#e4f6f3}
.dex-heading{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:26px}.dex-heading>div:first-child{min-width:0}.dex-eyebrow{font-size:12px!important;font-weight:750;letter-spacing:.12em;color:#70e3ce!important;margin:0 0 10px!important}.dex-heading h1{font-size:clamp(28px,2.4vw,38px);line-height:1.12;letter-spacing:-.025em;color:#f3f8ef;margin:0 0 14px}.dex-heading p{font-size:16px;line-height:1.65;color:#b2ccd6;max-width:550px;margin:0}.dex-counter{flex-shrink:0;text-align:center;padding:18px;border-left:1px solid #355864;min-width:145px}.dex-counter strong{display:block;font-size:36px;line-height:1.2;letter-spacing:-.04em;color:#ffe077;font-variant-numeric:tabular-nums}.dex-counter span{font-size:13px;color:#9cbcc8;white-space:nowrap}
.dex-controls{display:grid;grid-template-columns:minmax(180px,2fr) minmax(125px,1fr) minmax(125px,1fr);gap:14px;padding:20px;background:#102f3d;border:1px solid #355866;border-radius:11px}.dex-controls label{display:grid;gap:9px;font-size:14px;font-weight:650;color:#cae4e8;min-width:0}.dex-controls input,.dex-controls select{box-sizing:border-box;min-width:0;width:100%;min-height:46px;padding:11px 12px;font:inherit;font-size:16px;color:#e6f6f5;background:#071f2a;border:1px solid #426976;border-radius:7px}.dex-controls input::placeholder{color:#86a8b5;font-weight:400}.dex-controls select{cursor:pointer}
.dex-panel :is(a,button,input,select):focus-visible{outline:3px solid #80eed3;outline-offset:3px}.dex-results-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:22px 0 16px;font-size:14px;color:#b4d0db}.dex-results-head p{margin:0}.dex-text-button{border:0;background:none;color:#70e3ce;padding:8px 0;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.dex-text-button:disabled{color:#789aa8;cursor:default;text-decoration:none}
.dex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.dex-card{--dex-accent:#71c9c4;position:relative;min-width:0;padding:15px 12px 18px;border:1px solid #345866;border-radius:12px;background:linear-gradient(145deg,#143540,#0a222e);transition:border-color .18s,transform .18s}.dex-card:hover{border-color:var(--dex-accent);transform:translateY(-3px)}.dex-card-top{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:22px}.dex-number{font-size:13px;color:#8baeba;letter-spacing:.04em;font-variant-numeric:tabular-nums}.dex-form{font-size:11px;font-weight:700;color:#ffe389;background:#6351214d;border:1px solid #746238;border-radius:5px;padding:2px 6px}.dex-form-special{color:#d9c0ff;background:#50397666;border-color:#634e80}
.dex-portrait{display:grid;place-items:center;position:relative;isolation:isolate;height:120px;margin:2px 0 6px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--dex-accent) 17%,transparent),transparent 68%)}.dex-portrait::after{content:'';position:absolute;z-index:-1;bottom:6px;width:76px;height:13px;border:1px solid color-mix(in srgb,var(--dex-accent) 40%,transparent);border-top:0;border-radius:50%;background:#00121a66}.dex-portrait img{width:96px;height:96px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 1px #00111988);max-width:none}.dex-card h2{font-size:17px;line-height:1.3;text-align:center;color:#eff8f4;margin:0 0 12px;overflow-wrap:anywhere;min-height:44px;display:grid;place-content:center}.dex-types{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.dex-type{font-size:12px;font-weight:700;padding:4px 9px;border-radius:5px;background:color-mix(in srgb,var(--dex-accent) 16%,#09222c);color:var(--dex-accent);border:1px solid color-mix(in srgb,var(--dex-accent) 32%,#213e48)}
[data-type="grass"]{--dex-accent:#8cdb9d}[data-type="fire"]{--dex-accent:#ffb18a}[data-type="water"]{--dex-accent:#91d0ff}[data-type="poison"]{--dex-accent:#dba3ef}[data-type="electric"]{--dex-accent:#ffe083}[data-type="ice"]{--dex-accent:#9be9e7}[data-type="fighting"]{--dex-accent:#f4a38e}[data-type="ground"]{--dex-accent:#e7c48b}[data-type="flying"]{--dex-accent:#c5baff}[data-type="psychic"]{--dex-accent:#ffabc6}[data-type="bug"]{--dex-accent:#c5db89}[data-type="rock"]{--dex-accent:#ddd094}[data-type="ghost"]{--dex-accent:#baaafa}[data-type="dragon"]{--dex-accent:#a8baff}[data-type="dark"]{--dex-accent:#c1b7d0}[data-type="steel"]{--dex-accent:#b4cfd9}[data-type="fairy"]{--dex-accent:#f2badf}[data-type="normal"]{--dex-accent:#c7d4c7}
.dex-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px}.dex-pagination button,.dex-message button{font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:10px 16px;border:1px solid #426976;border-radius:7px;color:#d8eef0;background:#163744;cursor:pointer}.dex-pagination button:hover:not(:disabled){border-color:#73dfce;background:#1b4552}.dex-pagination button:disabled{opacity:.4;cursor:default}.dex-pagination span{font-size:14px;color:#abc7d1;white-space:nowrap;font-variant-numeric:tabular-nums}.dex-footnote{font-size:13px;line-height:1.65;color:#96b6c3;margin:24px 0 0}.dex-message{padding:28px 20px;border:1px dashed #4b6f7c;border-radius:10px;font-size:16px;line-height:1.6;color:#b6d1da;text-align:center}.dex-message button{display:block;margin:15px auto 0}.dex-message[hidden]{display:none}.dex-image-missing{font-size:12px;line-height:1.4;text-align:center;color:#a7c2ce}
.nature-signature{flex-shrink:0;display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #3b606b;background:#0a232e;border-radius:12px}.nature-signature strong{font-size:34px;line-height:1;color:#83e1ba;letter-spacing:-.035em}.nature-signature strong:last-child{color:#ffb49c}.nature-signature strong span{font-size:18px}.nature-signature>span{font-size:12px;color:#9bb8c4;writing-mode:vertical-rl}.nature-explainer{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;padding:20px 22px;border-left:3px solid #ffdf69;border-radius:7px;background:#123541}.nature-explainer p{font-size:15px;line-height:1.65;color:#b7d2dc;margin:0}.nature-explainer strong{color:#e4f5ef}.nature-table-wrap{overflow-x:auto;border:1px solid #385b68;border-radius:11px}.nature-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.nature-table th{background:#163947;color:#b4d1dd;padding:15px;font-weight:650}.nature-table td{padding:16px 15px;border-top:1px solid #2d4c59;color:#c2dce4;vertical-align:middle}.nature-table tr:nth-child(even) td{background:#102d39}.nature-table tbody tr:hover td{background:#183b47}.nature-name{display:block;color:#edf6f1;font-size:16px;font-weight:750}.nature-custom{display:block;font-size:12px;font-weight:400;color:#e3ca82;margin-top:4px}.nature-gain{color:#9ae9b9!important}.nature-loss{color:#ffb5a2!important}.nature-neutral{color:#a9c3ce!important}.nature-chance{font-variant-numeric:tabular-nums;color:#ffe18b!important;font-weight:750;white-space:nowrap}.nature-legacy{display:flex;align-items:center;gap:20px;margin-top:24px;border:1px solid #555476;border-radius:11px;background:#222b4166;padding:22px}.nature-legacy-mark{font-size:32px;color:#d5bbf0}.nature-legacy h2{font-size:19px;color:#e9dcfa;margin:0 0 7px}.nature-legacy p{font-size:15px;line-height:1.65;color:#b8c6da;margin:0}.dex-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1400px){.dex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nature-signature{gap:8px;padding:14px}.nature-signature strong{font-size:28px}.dex-heading{gap:18px}}
@media(max-width:1100px){.dex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dex-panel{padding:24px}.dex-heading{align-items:flex-start}.dex-controls{grid-template-columns:1fr 1fr}.dex-search{grid-column:1/-1}.nature-explainer{grid-template-columns:1fr;gap:12px}}
@media(max-width:600px){.dex-panel{padding:20px 14px;border-radius:10px}.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dex-card{padding:12px 8px 15px}.dex-heading{flex-direction:column}.dex-counter{border-left:0;padding:0;display:flex;align-items:baseline;gap:10px}.dex-counter strong{font-size:27px}.dex-controls{padding:14px;gap:12px}.dex-tabs{margin-bottom:24px}.dex-tabs a{padding-inline:22px}.dex-pagination{gap:10px;flex-wrap:wrap}.dex-pagination button{padding:10px 12px}.nature-signature{align-self:stretch;justify-content:center;gap:26px}.nature-signature>span{writing-mode:horizontal-tb}.nature-table th,.nature-table td{padding:13px 10px}.nature-table{min-width:510px}.nature-legacy{gap:14px;padding:18px}.dex-card h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.dex-card{transition:none}.dex-card:hover{transform:none}}.effects-off .dex-card{transition:none}.effects-off .dex-card:hover{transform:none}