#pkdex{--bg:#fffdf6;--panel:#ffffff;--ink:#1d2340;--muted:#5b6283;--line:#e6e1cf;--accent:#ffcb05;--accent-ink:#1d2340;--blue:#2a5bd7;--red:#d8344a;--green:#1f8a4c;--chip:#f4f1e4;
  font-family:'Nunito',system-ui,sans-serif;font-size:17px;line-height:1.45;color:var(--ink);background:var(--bg);border-radius:18px;padding:22px;box-sizing:border-box;max-width:1200px;margin:0 auto}
#pkdex *,#pkdex *::before,#pkdex *::after{box-sizing:border-box}
#pkdex h2{font-size:30px;font-weight:900;margin:0;letter-spacing:-.5px;color:var(--ink);line-height:1.15}
#pkdex .pk-sub{color:var(--muted);margin:2px 0 0;font-size:17px}
#pkdex .pk-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}
#pkdex button,#pkdex input,#pkdex select,#pkdex textarea{font-family:inherit;font-size:16px;color:var(--ink);line-height:1.3;margin:0}
#pkdex button{cursor:pointer;border:2px solid var(--ink);background:var(--panel);border-radius:999px;padding:8px 16px;font-weight:800;text-transform:none;letter-spacing:0;box-shadow:none;min-height:42px}
#pkdex button:hover{background:var(--chip)}
#pkdex button.pk-primary{background:var(--accent);color:var(--accent-ink)}
#pkdex button.pk-primary:hover{filter:brightness(.96)}
#pkdex button.pk-danger{border-color:var(--red);color:var(--red)}
#pkdex button:disabled{opacity:.5;cursor:default}
#pkdex input,#pkdex select,#pkdex textarea{border:2px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff;min-height:42px;width:100%}
#pkdex input:focus,#pkdex select:focus,#pkdex textarea:focus{outline:none;border-color:var(--blue)}
#pkdex .pk-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:0;list-style:none}
#pkdex .pk-tab{border-color:var(--line);background:var(--panel)}
#pkdex .pk-tab[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
#pkdex .pk-tab .pk-n{font-weight:700;opacity:.75;margin-left:4px}
#pkdex .pk-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
#pkdex .pk-bar .pk-search{flex:1 1 220px;max-width:360px}
#pkdex .pk-bar label.pk-check{display:flex;align-items:center;gap:6px;font-weight:700;cursor:pointer;white-space:nowrap}
#pkdex .pk-bar label.pk-check input{width:20px;height:20px;min-height:0}
#pkdex .pk-sortsel{display:none;max-width:240px}
#pkdex .pk-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#pkdex .pk-stat{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:8px 16px}
#pkdex .pk-stat b{display:block;font-size:24px;font-weight:900}
#pkdex .pk-stat span{color:var(--muted);font-size:16px}
#pkdex .pk-savebox{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#pkdex .pk-status{font-weight:700;color:var(--muted)}
#pkdex .pk-status.pk-dirty{color:var(--red)}
#pkdex .pk-status.pk-ok{color:var(--green)}
#pkdex table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:2px solid var(--line);border-radius:14px;overflow:hidden;margin:0;font-size:17px}
#pkdex th,#pkdex td{padding:10px 12px;text-align:left;border:0;border-bottom:1px solid var(--line);vertical-align:middle;background:transparent}
#pkdex th{background:var(--chip);font-weight:900;white-space:nowrap;user-select:none;font-size:16px}
#pkdex th.pk-sortable{cursor:pointer}
#pkdex th.pk-sortable:hover{background:#ece7d3}
#pkdex th .pk-arrow{opacity:.35;margin-left:4px}
#pkdex th.pk-sorted .pk-arrow{opacity:1}
#pkdex tr:last-child td{border-bottom:0}
#pkdex td.pk-num,#pkdex th.pk-num{text-align:right;white-space:nowrap}
#pkdex .pk-thumb{width:64px;height:auto;border-radius:5px;display:block;cursor:zoom-in;background:var(--chip);aspect-ratio:63/88;object-fit:cover}
#pkdex .pk-noimg{width:64px;aspect-ratio:63/88;border-radius:5px;background:var(--chip);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;text-align:center}
#pkdex .pk-name{font-weight:800}
#pkdex .pk-small{color:var(--muted);font-size:16px}
#pkdex .pk-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-weight:800;font-size:16px;background:var(--chip);white-space:nowrap}
#pkdex .pk-b-holo{background:#dbe7ff}
#pkdex .pk-b-reverse-holo{background:#e3f4ff}
#pkdex .pk-b-full-art{background:#ffe2ea}
#pkdex .pk-b-shiny{background:#fff3c2}
#pkdex .pk-b-alt-art,#pkdex .pk-b-special-illustration{background:#efe2ff}
#pkdex .pk-b-gold-secret{background:#ffe8b0}
#pkdex .pk-b-1st-edition{background:#e2f6e6}
#pkdex .pk-b-pok-ball{background:#ffe0dc}
#pkdex .pk-b-master-ball{background:#eadcff}
#pkdex .pk-star{border:0;background:none;font-size:26px;line-height:1;padding:4px;min-height:0;color:#c9c3ad;border-radius:8px}
#pkdex .pk-star.on{color:#f0b400}
#pkdex .pk-star:disabled{opacity:1;cursor:default}
#pkdex .pk-star:hover{background:none}
#pkdex .pk-edit{padding:4px 12px;min-height:36px;border-color:var(--line)}
#pkdex .pk-val{font-weight:900}
#pkdex .pk-empty{padding:30px;text-align:center;color:var(--muted);background:var(--panel);border:2px dashed var(--line);border-radius:14px}
#pkdex .pk-foot{color:var(--muted);font-size:16px;margin-top:12px}
#pkdex .pk-foot a{color:var(--blue)}
#pkdex .pk-ownerdot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:middle}
/* dialogs */
#pkdex dialog{border:0;border-radius:18px;padding:0;max-width:760px;width:calc(100% - 24px);max-height:calc(100vh - 40px);background:var(--bg);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35)}
#pkdex dialog::backdrop{background:rgba(20,24,45,.55)}
#pkdex .pk-dlg{padding:22px;font-size:17px}
#pkdex .pk-dlg h3{margin:0 0 12px;font-size:24px;font-weight:900}
#pkdex .pk-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#pkdex .pk-row>*{flex:1 1 160px}
#pkdex .pk-field label{display:block;font-weight:800;margin-bottom:4px;font-size:16px}
#pkdex .pk-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:12px 0;max-height:46vh;overflow:auto;padding:4px}
#pkdex .pk-res{border:2px solid var(--line);border-radius:12px;background:#fff;padding:6px;cursor:pointer;text-align:center;font-size:16px;line-height:1.25}
#pkdex .pk-res:hover,#pkdex .pk-res:focus{border-color:var(--blue);outline:none}
#pkdex .pk-res img{width:100%;border-radius:6px;aspect-ratio:63/88;object-fit:cover;background:var(--chip);display:block;margin-bottom:4px}
#pkdex .pk-chosen{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
#pkdex .pk-chosen img{width:120px;border-radius:8px}
#pkdex .pk-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
#pkdex .pk-actions .pk-left{margin-right:auto}
#pkdex .pk-msg{color:var(--muted);margin:8px 0}
#pkdex .pk-link{background:none;border:0;color:var(--blue);text-decoration:underline;padding:0;min-height:0;font-weight:700}
#pkdex .pk-link:hover{background:none}
#pkdex .pk-lightbox{background:transparent;box-shadow:none;max-width:min(520px,92vw)}
#pkdex .pk-lightbox img{width:100%;border-radius:16px;display:block;cursor:zoom-out}
#pkdex .pk-hidden{display:none !important}
@media (max-width:760px){
  #pkdex{padding:14px;border-radius:0}
  #pkdex h2{font-size:26px}
  #pkdex .pk-sortsel{display:block}
  #pkdex table,#pkdex tbody{display:block;border:0;background:transparent}
  #pkdex thead{display:none}
  #pkdex tr{display:grid;grid-template-columns:76px 1fr auto;grid-template-areas:"img main star" "img meta val";gap:2px 12px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:10px;margin-bottom:10px}
  #pkdex td{border:0;padding:0}
  #pkdex td.c-img{grid-area:img}
  #pkdex td.c-name{grid-area:main}
  #pkdex td.c-star{grid-area:star;text-align:right}
  #pkdex td.c-val{grid-area:val;text-align:right;align-self:end}
  #pkdex td.c-meta{grid-area:meta;display:block !important}
  #pkdex td.c-desk{display:none}
  #pkdex .pk-mobmeta{display:block}
}
@media (min-width:761px){#pkdex td.c-meta{display:none}}