/* ===== Pokédex detail page — scoped .snk-pokemon =====
   Bouwt voort op snacknap-ui.css (.snk-card, .snk-gauge, chips). Type-accent via --type. */

.snk-pokemon{
    --type:#94a3b8;
    background:
        radial-gradient(900px 380px at 12% -10%, rgba(139,92,246,.08), transparent 60%),
        radial-gradient(820px 360px at 100% -4%, rgba(232,80,58,.07), transparent 55%);
}
.snk-pokemon .snk-pdx-wrap{max-width:1000px;margin-inline:auto;}

/* ---- prev/next nav + jump search ---- */
.snk-pdx-nav{display:flex;gap:.6rem;align-items:center;position:sticky;top:0;z-index:30;padding:.7rem 0;margin-bottom:1rem;background:linear-gradient(180deg,rgba(247,248,250,.92),rgba(247,248,250,.72));backdrop-filter:blur(8px);}
.snk-pdx-navlink{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;background:#fff;border:1px solid #eaecf0;border-radius:999px;padding:.4rem .9rem;color:#344054;font-weight:700;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;flex:0 1 auto;min-width:0;}
.snk-pdx-navlink:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,24,40,.12);border-color:#dbe3ee;color:#1d2939;}
.snk-pdx-navlink.is-next{flex-direction:row-reverse;text-align:right;}
.snk-pdx-navlink img{width:34px;height:34px;object-fit:contain;flex:0 0 auto;}
.snk-pdx-navlink .num{font-size:.7rem;font-weight:800;color:#98a2b3;}
.snk-pdx-navlink .nm{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.snk-pdx-navlink .chev{color:#b6bcc7;flex:0 0 auto;display:inline-flex;}
.snk-pdx-navlink .chev .lucide{width:1.1rem;height:1.1rem;}
.snk-pdx-jump{position:relative;display:flex;align-items:center;flex:1 1 auto;max-width:360px;margin:0 auto;}
.snk-pdx-jump .lucide{position:absolute;left:.95rem;width:1rem;height:1rem;color:#98a2b3;pointer-events:none;}
.snk-pdx-jump input{width:100%;border:1px solid #eaecf0;border-radius:999px;background:#fff;padding:.55rem 1rem .55rem 2.5rem;font-size:.9rem;color:#1d2939;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .15s ease,box-shadow .15s ease;}
.snk-pdx-jump input::placeholder{color:#aab2bf;}
.snk-pdx-jump input:focus{outline:none;border-color:#bcc6e0;box-shadow:0 0 0 .2rem rgba(58,90,156,.12);}
.snk-pdx-jump-list{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:60;display:none;background:#fff;border:1px solid #eaecf0;border-radius:14px;box-shadow:0 14px 34px rgba(16,24,40,.16);padding:.3rem;max-height:50vh;overflow-y:auto;}
.snk-pdx-jump-list.show{display:block;}
.snk-pdx-jump-item{display:flex;align-items:center;gap:.65rem;padding:.4rem .55rem;border-radius:10px;text-decoration:none;color:#1d2939;}
.snk-pdx-jump-item:hover,.snk-pdx-jump-item.is-active{background:#f4f6f9;}
.snk-pdx-jump-item img{width:32px;height:32px;object-fit:contain;flex:0 0 auto;}
.snk-pdx-jump-item .nm{font-weight:700;font-size:.88rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.snk-pdx-jump-item .num{font-size:.72rem;font-weight:800;color:#98a2b3;font-variant-numeric:tabular-nums;}

/* show-all expander + collapsed tiles */
.snk-pdx-hidden{display:none!important;}
.snk-pdx-showall{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.9rem;border:1.5px solid #e4e7ec;background:#fff;color:#475467;border-radius:999px;padding:.55rem 1.2rem;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .15s ease;}
.snk-pdx-showall:hover{border-color:var(--type,#cbd5e1);color:#1d2939;transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,24,40,.1);}
@media (max-width:560px){
    .snk-pdx-nav{flex-wrap:wrap;}
    .snk-pdx-navlink.is-next{margin-left:auto;}
    .snk-pdx-jump{order:3;flex-basis:100%;max-width:none;margin-top:.25rem;}
    .snk-pdx-navlink .nm{display:none;}
}

/* ---- hero ---- */
.snk-pdx-hero{position:relative;border:1px solid #eaecf0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05);margin-bottom:1.6rem;}
.snk-pdx-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--type);z-index:2;}
.snk-pdx-hero-bg{background:linear-gradient(160deg, color-mix(in srgb,var(--type) 16%,#fff), color-mix(in srgb,var(--type) 4%,#fff));}
.snk-pdx-hero-grid{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:1.25rem;padding:1.4rem 1.5rem;align-items:center;}
@media (max-width:720px){ .snk-pdx-hero-grid{grid-template-columns:1fr;text-align:center;padding:1.1rem;gap:.9rem;} }

/* sprite + shiny toggle */
.snk-pdx-spritebox{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%, rgba(255,255,255,.92), color-mix(in srgb,var(--type) 9%,#fff));border:1px solid color-mix(in srgb,var(--type) 22%,#eef0f3);border-radius:18px;padding:.85rem;min-height:174px;}
.snk-pdx-sprite{width:158px;height:158px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(16,24,40,.18));transition:opacity .15s ease;}
@media (max-width:720px){ .snk-pdx-spritebox{min-height:158px;} .snk-pdx-sprite{width:140px;height:140px;} }
.snk-pdx-shinytoggle{position:absolute;top:.6rem;right:.6rem;display:inline-flex;align-items:center;gap:.3rem;border:1.5px solid #f0d27a;background:#fff;color:#9a6b08;border-radius:999px;padding:.3rem .6rem;font-size:.72rem;font-weight:800;cursor:pointer;box-shadow:0 2px 6px rgba(234,163,32,.18);transition:all .15s ease;}
.snk-pdx-shinytoggle img{width:14px;height:14px;}
.snk-pdx-shinytoggle.is-on{background:linear-gradient(180deg,#f7d774,#f0a92e);color:#3a2e00;border-color:#e0951a;}
.snk-pdx-shinytoggle:hover{transform:translateY(-1px);}

/* hero info */
.snk-pdx-headline{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap;justify-content:flex-start;}
@media (max-width:720px){ .snk-pdx-headline{justify-content:center;} }
.snk-pdx-num{font-size:.95rem;font-weight:800;color:#98a2b3;font-variant-numeric:tabular-nums;}
.snk-pdx-name{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;letter-spacing:-.02em;color:#101828;margin:0;line-height:1.05;}
.snk-pdx-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem;}
@media (max-width:720px){ .snk-pdx-chips{justify-content:center;} }
.snk-pdx-type{display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--tc,#94a3b8);border-radius:999px;padding:.36em .85em;box-shadow:0 1px 3px rgba(16,24,40,.18);}

/* badge row */
.snk-pdx-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem;}
@media (max-width:720px){ .snk-pdx-badges{justify-content:center;} }
.snk-pdx-badge{display:inline-flex;align-items:center;gap:.38rem;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.32em .74em;line-height:1;color:var(--b,#475467);background:color-mix(in srgb,var(--b,#475467) 12%,#fff);border:1px solid color-mix(in srgb,var(--b,#475467) 26%,#fff);}
.snk-pdx-badge .lucide{width:.92em;height:.92em;flex:0 0 auto;}
.snk-pdx-badge img{height:1em;width:auto;flex:0 0 auto;}
.snk-pdx-badge.is-gen{--b:#3a5a9c;}
.snk-pdx-badge.is-legend{--b:#b45309;}
.snk-pdx-badge.is-myth{--b:#9b6dd6;}
.snk-pdx-badge.is-mega{--b:#b5179e;}
.snk-pdx-badge.is-dmax{--b:#e11d48;}
.snk-pdx-badge.is-gmax{--b:#7c3aed;}
.snk-pdx-badge.is-shadow{--b:#334155;}
.snk-pdx-badge.is-shiny{--b:#e0951a;}

/* stat tiles */
.snk-pdx-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.9rem;}
@media (max-width:720px){ .snk-pdx-stats{grid-template-columns:repeat(3,1fr);} }
@media (max-width:420px){ .snk-pdx-stats{grid-template-columns:repeat(2,1fr);} }
.snk-pdx-stat{display:flex;flex-direction:column;justify-content:center;gap:.1rem;min-height:64px;background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:.5rem .4rem;text-align:center;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.snk-pdx-stat-val{font-size:1.15rem;font-weight:800;color:#101828;font-variant-numeric:tabular-nums;line-height:1.1;}
.snk-pdx-stat-lbl{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3;margin-top:.12rem;}
.snk-pdx-stat-lbl small{display:block;font-weight:700;color:#b6bcc7;letter-spacing:0;text-transform:none;}
.snk-pdx-stat.is-cp{background:linear-gradient(180deg, color-mix(in srgb,var(--type) 14%,#fff), #fff);border-color:color-mix(in srgb,var(--type) 26%,#eef0f3);}
.snk-pdx-stat.is-cp .snk-pdx-stat-val{color:#101828;}

/* quick facts */
.snk-pdx-facts{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem;}
@media (max-width:720px){ .snk-pdx-facts{justify-content:center;} }
.snk-pdx-fact{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#475467;background:#f6f8fb;border:1px solid #eef0f3;border-radius:999px;padding:.32rem .7rem;}
.snk-pdx-fact .lucide{width:.95rem;height:.95rem;color:#98a2b3;flex:0 0 auto;}
.snk-pdx-fact b{color:#1d2939;font-weight:800;}

/* shiny-odds gauge in hero */
.snk-pdx-shinyodds{margin-top:.85rem;background:linear-gradient(135deg,rgba(245,158,11,.10),rgba(245,158,11,.02));border:1px solid rgba(245,158,11,.24);border-radius:14px;padding:.7rem .9rem;}
.snk-pdx-shinyodds-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.45rem;}
.snk-pdx-shinyodds-lbl{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#92400e;display:inline-flex;align-items:center;gap:.35rem;}
.snk-pdx-shinyodds-lbl img{height:1em;}
.snk-pdx-shinyodds-val{font-size:1.05rem;font-weight:800;color:#101828;font-variant-numeric:tabular-nums;}
.snk-pdx-shinyodds-meta{font-size:.75rem;color:#7c5e10;margin-top:.4rem;font-weight:600;}

/* ---- section heading ---- */
.snk-pdx-sec{display:flex;align-items:center;gap:.55rem;margin:2rem 0 1rem;}
.snk-pdx-sec h2{font-size:1.2rem;font-weight:800;margin:0;color:#101828;letter-spacing:-.01em;}
.snk-pdx-sec .lucide{width:1.2rem;height:1.2rem;color:var(--type,#3a5a9c);flex:0 0 auto;}

/* ---- type effectiveness ---- */
.snk-pdx-types{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
@media (max-width:640px){ .snk-pdx-types{grid-template-columns:1fr;} }
.snk-pdx-eff{background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:.8rem .95rem;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.snk-pdx-eff-h{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;display:inline-flex;align-items:center;gap:.35rem;}
.snk-pdx-eff-weak .snk-pdx-eff-h{color:#b42318;}
.snk-pdx-eff-resist .snk-pdx-eff-h{color:#15803d;}
.snk-pdx-eff-immune .snk-pdx-eff-h{color:#475467;}
.snk-pdx-eff-chips{display:flex;flex-wrap:wrap;gap:.4rem;}
.snk-pdx-effchip{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;color:#fff;background:var(--tc,#94a3b8);border-radius:999px;padding:.26em .4em .26em .72em;}
.snk-pdx-effchip .mult{font-size:.9em;font-weight:800;opacity:.96;background:rgba(255,255,255,.26);border-radius:999px;padding:.06em .45em;}
.snk-pdx-eff-none{font-size:.8rem;color:#98a2b3;font-style:italic;}

/* ---- availability status ---- */
.snk-pdx-status{border-radius:16px;padding:1rem 1.15rem;border:1px solid;margin:1.25rem 0;}
.snk-pdx-status.is-avail{background:linear-gradient(135deg,rgba(22,163,74,.09),rgba(22,163,74,.02));border-color:rgba(22,163,74,.28);}
.snk-pdx-status.is-unavail{background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(220,38,38,.02));border-color:rgba(220,38,38,.26);}
.snk-pdx-status-title{font-weight:800;color:#101828;font-size:1rem;display:flex;align-items:center;gap:.5rem;}
.snk-pdx-status.is-avail .snk-pdx-status-title .lucide{color:#16a34a;}
.snk-pdx-status.is-unavail .snk-pdx-status-title .lucide{color:#dc2626;}
.snk-pdx-availchips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0;}
.snk-pdx-availchip{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;border-radius:999px;padding:.36rem .8rem;border:1.5px solid #e4e7ec;background:#fff;color:#98a2b3;}
.snk-pdx-availchip .lucide{width:1rem;height:1rem;}
.snk-pdx-availchip.is-on{color:#15803d;border-color:color-mix(in srgb,#16a34a 35%,#fff);background:color-mix(in srgb,#16a34a 10%,#fff);}
.snk-pdx-status-note{font-size:.78rem;color:#667085;margin:0;}

/* ---- pill tabs (lokaal, look van de stat-pagina's) ---- */
.snk-pokemon .nav-pills{gap:.5rem;}
.snk-pokemon .nav-pills .nav-link{border:1.5px solid #e4e7ec;background:#fff;color:#475467;font-weight:700;border-radius:999px!important;transition:all .15s ease;}
.snk-pokemon .nav-pills .nav-link:hover{border-color:#cbd5e1;color:#1d2939;}
.snk-pokemon .nav-pills .nav-link.active{background:var(--type,#3a5a9c);border-color:var(--type,#3a5a9c);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--type,#3a5a9c) 35%,transparent);}

/* ---- raids/spawns Pokémon-tegels ---- */
.snk-pdx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:.8rem;}
@media (max-width:480px){ .snk-pdx-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;} }

/* ---- raids/spawns as a clean row list ---- */
.snk-pdx-rows{display:flex;flex-direction:column;border:1px solid #eef0f3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.snk-pdx-row{display:grid;grid-template-columns:54px 1fr auto;gap:.9rem;align-items:center;padding:.7rem .95rem;border-bottom:1px solid #f3f5f8;text-decoration:none;color:inherit;transition:background .12s ease;}
.snk-pdx-row:last-child{border-bottom:0;}
.snk-pdx-row:hover{background:#fbfcfe;}
.snk-pdx-row.is-dim{opacity:.5;}
.snk-pdx-row-thumb{position:relative;width:54px;height:54px;border-radius:12px;background:linear-gradient(180deg,#fff,#f6f8fb);border:1px solid #eef0f3;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.snk-pdx-row-thumb img{width:44px;height:44px;object-fit:contain;}
.snk-pdx-row-thumb .shiny{position:absolute;top:-4px;right:-4px;width:15px;height:15px;}
.snk-pdx-row.is-shadow .snk-pdx-row-thumb{border-color:#cbd5e1;background:linear-gradient(180deg,#fff,#eceff3);}
.snk-pdx-row-main{min-width:0;}
.snk-pdx-row-name{font-weight:800;font-size:.92rem;color:#1d2939;line-height:1.2;display:flex;align-items:center;gap:.35rem;}
.snk-pdx-row-name .lucide{width:.9rem;height:.9rem;color:#64748b;flex:0 0 auto;}
.snk-pdx-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;margin-top:.28rem;font-size:.76rem;color:#667085;font-variant-numeric:tabular-nums;}
.snk-pdx-row-meta .tier{display:inline-flex;align-items:center;gap:.32rem;font-weight:800;text-transform:uppercase;font-size:.62rem;letter-spacing:.03em;color:#475467;background:#f4f6f9;border:1px solid #eef0f3;border-radius:999px;padding:.2em .6em;}
.snk-pdx-row-meta .tier img{height:15px;width:auto;}
.snk-pdx-row-meta .cp .lbl{font-weight:800;font-size:.6rem;text-transform:uppercase;color:#b6bcc7;letter-spacing:.04em;margin-right:.15rem;}
.snk-pdx-row-meta .cp b{color:#344054;font-weight:800;}
.snk-pdx-row-meta .cpb{color:#aab2bf;display:inline-flex;align-items:center;gap:.25rem;}
.snk-pdx-row-meta .cpb img{width:12px;height:12px;}
.snk-pdx-row-meta .counter{display:inline-flex;align-items:center;gap:.3rem;background:#f6f8fb;border:1px solid #eef0f3;border-radius:999px;padding:.1rem .55rem .1rem .12rem;font-weight:700;font-size:.66rem;color:#475467;}
.snk-pdx-row-meta .counter img{width:18px;height:18px;object-fit:contain;}
.snk-pdx-row-counts{text-align:right;font-size:.74rem;color:#98a2b3;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.5;}
.snk-pdx-row-counts b{color:#344054;font-weight:800;}
@media (max-width:560px){
    .snk-pdx-row{grid-template-columns:46px 1fr;gap:.7rem;padding:.65rem .8rem;}
    .snk-pdx-row-thumb{width:46px;height:46px;}
    .snk-pdx-row-thumb img{width:38px;height:38px;}
    .snk-pdx-row-counts{grid-column:2;text-align:left;margin-top:.2rem;line-height:1.4;}
}

/* ---- forms grid: type icon ↔ text spacing/alignment ---- */
.snk-pokemon .snk-pdx-forms .pkmn-title{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;flex-wrap:wrap;line-height:1.25;}
.snk-pokemon .snk-pdx-forms .pkmn-title img{width:14px;height:14px;margin:0;vertical-align:middle;flex:0 0 auto;}
.snk-pdx-ptile{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:1rem .7rem .85rem;text-align:center;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.snk-pdx-ptile:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(16,24,40,.12);border-color:#dbe3ee;}
.snk-pdx-ptile.is-dim{opacity:.5;}
.snk-pdx-ptile-shiny{position:absolute;top:.6rem;right:.6rem;width:16px;height:16px;z-index:2;}
.snk-pdx-ptile-sprite{width:82px;height:82px;object-fit:contain;margin:0 auto .45rem;display:block;}
.snk-pdx-ptile-name{font-size:.86rem;font-weight:800;color:#1d2939;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:.3rem;flex-wrap:wrap;min-height:2.1em;}
.snk-pdx-ptile-name img{width:13px;height:13px;}
.snk-pdx-ptile-cp{font-size:.74rem;color:#475467;font-variant-numeric:tabular-nums;margin-top:.4rem;line-height:1.45;}
.snk-pdx-ptile-cp .text{font-weight:800;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:#b6bcc7;}
.snk-pdx-ptile-cp .boost{color:#98a2b3;}
.snk-pdx-ptile-cp .boost img{width:11px;height:11px;vertical-align:-1px;}
.snk-pdx-ptile-tier{display:inline-flex;align-items:center;gap:.35rem;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#475467;background:#f4f6f9;border:1px solid #eef0f3;border-radius:999px;padding:.24em .66em;margin-top:.55rem;}
.snk-pdx-ptile-tier img{height:16px;width:auto;}
.snk-pdx-ptile-counts{font-size:.7rem;color:#98a2b3;margin-top:.55rem;font-variant-numeric:tabular-nums;}
.snk-pdx-ptile-counts b{color:#344054;font-weight:800;}
.snk-pdx-ptile-counters{width:100%;margin-top:.6rem;padding-top:.6rem;border-top:1px dashed #eef0f3;display:flex;flex-direction:column;align-items:center;gap:.35rem;}
.snk-pdx-ptile-counters .lbl{font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#b6bcc7;}
.snk-pdx-counterlist{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;}
.snk-pdx-counter{display:inline-flex;align-items:center;gap:.28rem;background:#f6f8fb;border:1px solid #eef0f3;border-radius:999px;padding:.1rem .55rem .1rem .12rem;font-size:.66rem;font-weight:700;color:#475467;}
.snk-pdx-counter img{width:20px;height:20px;object-fit:contain;flex:0 0 auto;}
/* shadow raid marker */
.snk-pdx-ptile-shadow{position:absolute;top:.6rem;left:.6rem;z-index:2;width:18px;height:18px;border-radius:50%;background:#334155;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(16,24,40,.25);}
.snk-pdx-ptile-shadow .lucide{width:11px;height:11px;}

/* ---- research cards ---- */
.snk-pdx-research{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.7rem;}
.snk-pdx-rcard{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:.7rem .9rem;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.snk-pdx-rcard .ico{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#f4f6f9;display:flex;align-items:center;justify-content:center;}
.snk-pdx-rcard .ico img{width:24px;height:24px;object-fit:contain;}

/* ---- forms grid (reuse .snk-tile look) ---- */
.snk-pdx-forms{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.7rem;}

/* ---- evolution chain ---- */
.snk-pdx-evo{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;}
.snk-pdx-evo-stage{flex:1 1 130px;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-decoration:none;color:inherit;background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:.85rem .5rem;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.snk-pdx-evo-stage:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(16,24,40,.12);}
.snk-pdx-evo-stage.is-current{border-color:color-mix(in srgb,var(--type) 45%,#eef0f3);background:linear-gradient(180deg,color-mix(in srgb,var(--type) 10%,#fff),#fff);box-shadow:0 4px 14px color-mix(in srgb,var(--type) 18%,transparent);}
.snk-pdx-evo-stage img.evo-sprite{width:72px;height:72px;object-fit:contain;}
.snk-pdx-evo-num{font-size:.62rem;font-weight:800;color:#b6bcc7;}
.snk-pdx-evo-name{font-size:.86rem;font-weight:800;color:#1d2939;}
.snk-pdx-evo-chips{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center;}
.snk-pdx-evo-cp{font-size:.68rem;color:#98a2b3;font-variant-numeric:tabular-nums;}
.snk-pdx-evo-cp b{color:#475467;}
.snk-pdx-evo-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:#cbd5e1;flex:0 0 auto;padding:0 .15rem;}
.snk-pdx-evo-arrow .lucide{width:1.2rem;height:1.2rem;}
.snk-pdx-evo-candy{font-size:.6rem;font-weight:800;color:#9a6b08;background:color-mix(in srgb,#f59e0b 12%,#fff);border:1px solid color-mix(in srgb,#f59e0b 28%,#fff);border-radius:999px;padding:.14em .5em;white-space:nowrap;}
.snk-pdx-evo-or{align-self:center;font-size:.72rem;font-weight:800;color:#98a2b3;text-transform:uppercase;letter-spacing:.06em;padding:0 .3rem;}
@media (max-width:560px){ .snk-pdx-evo{flex-direction:column;} .snk-pdx-evo-arrow{flex-direction:row;transform:rotate(90deg);} }

/* ---- movepool ---- */
.snk-pdx-moves{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;}
@media (max-width:640px){ .snk-pdx-moves{grid-template-columns:1fr;} }
.snk-pdx-movecol-h{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;margin-bottom:.45rem;display:inline-flex;align-items:center;gap:.35rem;}
.snk-pdx-move{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem;background:#fff;border:1px solid #eef0f3;border-radius:11px;padding:.5rem .7rem;margin-bottom:.4rem;box-shadow:0 1px 2px rgba(16,24,40,.03);}
.snk-pdx-move-main{display:flex;align-items:center;gap:.45rem;min-width:0;flex-wrap:wrap;}
.snk-pdx-move-name{font-size:.84rem;font-weight:800;color:#1d2939;}
.snk-pdx-move-elite{font-size:.54rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#7c3aed;background:color-mix(in srgb,#7c3aed 12%,#fff);border:1px solid color-mix(in srgb,#7c3aed 26%,#fff);border-radius:999px;padding:.12em .45em;}
.snk-pdx-move-stab{font-size:.54rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0d9488;background:color-mix(in srgb,#0d9488 12%,#fff);border:1px solid color-mix(in srgb,#0d9488 28%,#fff);border-radius:999px;padding:.12em .45em;}
.snk-pdx-move-tchip{display:inline-flex;align-items:center;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:var(--tc,#94a3b8);border-radius:999px;padding:.2em .62em;}
.snk-pdx-move-stats{font-size:.7rem;color:#98a2b3;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;}
.snk-pdx-move-stats b{color:#475467;font-weight:800;}

/* ---- chart card ---- */
.snk-pdx-chartcard{background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:1rem 1.1rem 1.15rem;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.snk-pdx-chart-intro{font-size:.82rem;color:#667085;margin-bottom:.7rem;}

/* ---- inline empty/alert ---- */
.snk-pdx-empty{padding:1.4rem;text-align:center;color:#98a2b3;font-style:italic;background:#fff;border:1px dashed #e4e7ec;border-radius:12px;}

/* ---- not found ---- */
.snk-pdx-notfound{max-width:640px;margin:2.5rem auto;background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 1px 2px rgba(16,24,40,.05);}
.snk-pdx-notfound .lucide{width:2.4rem;height:2.4rem;color:#cbd5e1;}
.snk-pdx-notfound h1{font-size:1.3rem;font-weight:800;color:#101828;margin:.7rem 0 .4rem;}
.snk-pdx-notfound p{color:#667085;}