.elements{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.elements button{border:1px solid #d9e2ea;background:white;border-radius:24px;padding:10px 15px;cursor:pointer;color:#26364b}.elements button[aria-pressed=true]{background:#244fa4;color:white;border-color:#244fa4}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:20px;background:#eef3f8;border-radius:18px}.filters label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.filters input,.filters select{padding:11px;border:1px solid #d5dde7;border-radius:9px;background:white;max-width:100%;font:inherit}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:20px 0 30px}.pet{border:1px solid #dce4ed;border-radius:18px;overflow:hidden;background:white}.portrait{height:180px;background:linear-gradient(135deg,#edf4fa,#f6f2ff);display:flex;justify-content:center;align-items:center;position:relative}.portrait img{height:155px;width:90%;object-fit:contain}.prismana{position:absolute;top:12px;left:12px;background:#7148a7;color:white;border-radius:20px;padding:5px 10px;font-size:12px}.pet-body{padding:18px}.pet h2{margin:0 0 6px;font-size:22px}.pet p{margin:8px 0;color:#617087;font-size:13px}.types{display:flex;gap:6px;flex-wrap:wrap}.type{border-radius:20px;padding:4px 10px;background:#eaf0f8;color:#254264;font-size:12px}.pet-links{display:flex;gap:16px;margin-top:16px;font-size:13px}.empty{padding:35px;border:1px dashed #aab8c8;border-radius:15px;grid-column:1/-1}@media(max-width:600px){.filters label{width:100%}.filters input,.filters select{width:100%}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pet-body{padding:12px}.portrait{height:150px}.portrait img{height:130px}}
/* Dark Aniilog palette, scoped to this directory. */
:root{color-scheme:dark;color:#edf0f5;background:#090b10;--text:#edf0f5;--surface:#14171f;--soft:#1b202b;--muted:#a1aaba;--line:#2a303d;--blue:#9bbaff}
body{background:#090b10;color:var(--text)}
.site-header{background:#10131a;border-color:var(--line)}
.brand{color:#f4f6fc}.brand span,.eyebrow{color:#a1aaba}
.page>p{color:#b4bdcc;line-height:1.8}.page h1{color:#f4f6fc}
.elements button{background:#14171f;border-color:#303747;color:#c9d1df}
.elements button:hover{background:#202634;border-color:#7188b1}
.elements button[aria-pressed=true]{background:#2c4269;border-color:#8ab0ff;color:#fff}
.filters{background:#13161e;border:1px solid #2a303d}
.filters label{color:#cbd3e0}.filters input,.filters select{background:#0b0e14;border-color:#343c4d;color:#edf0f5}
.filters input::placeholder{color:#8995a9}
button,.btn{background:#202634;color:#e1e8f4;border-color:#374154}button:hover,.btn:hover{background:#2a3447;border-color:#7188b1}
.pet{background:#14171f;border-color:#2a303d;transition:border-color .15s,transform .15s}.pet:hover{border-color:#647b9f;transform:translateY(-2px)}
.portrait{background:radial-gradient(ellipse at 50% 60%,#272c3e,#10131b 75%);border-bottom:1px solid #292f3d}
.portrait img{filter:drop-shadow(0 10px 14px #0008)}
.pet h2{color:#f1f4fb}.pet p{color:#a9b4c6}.type{background:#252e3f;color:#cfddf5;border:1px solid #36445e}.prismana{background:#67438f;color:#fff;border:1px solid #ac85df}
.pet-links a{color:#a9c5ff}.pet-links a:hover{text-decoration:underline;color:#d1e0ff}.muted,#count{color:#a6b1c3}.empty{color:#b8c4d7;border-color:#47546b;background:#14171f}
.unified-navigation a.current,.unified-navigation .battle-navigation a.selected{background:#253958!important;color:#c6d9ff!important}
:focus-visible{outline:2px solid #9bbaff;outline-offset:4px}
.site-header .unified-navigation a.current{background:#253958!important;color:#d3e1ff!important}

.dex-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.dex-tabs button.active{background:#3165c9;color:#fff;border-color:#6895ea}.dex-note{padding:16px;background:#182437;border:1px solid #364e70;border-radius:12px;line-height:1.8;color:#bdcce2}.pet h2 a{color:inherit}.dex-grid a.portrait{display:flex}.pet a:focus-visible{outline-offset:-3px}