/* A pocket field guide: spacious sprites, type light and pages that fit the display. */
.pk-page-away { display:none!important; }
.pk-collection-tools { display:contents; }
.pk-collection-pager { display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 0 0;margin-top:10px;border-top:1px solid #a5c6bb33;flex:0 0 auto; }
.pk-collection-footer { margin:0;padding:10px 20px 12px;background:#102e36;border-top:1px solid #a5c6bb33; }
.pk-page-arrow { display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #6d9a9b;border-radius:11px;background:#254b55;color:#e8f4e9;font:650 12px/1.2 var(--ui-font);cursor:pointer;box-shadow:0 3px 0 #041e2c; }
.pk-page-arrow svg { width:18px;height:18px;flex:0 0 18px; }
.pk-page-arrow:hover { background:#32616a; }
.pk-page-arrow:active { transform:translateY(2px);box-shadow:none; }
.pk-page-arrow:disabled { opacity:.35;cursor:default;transform:none; }
.pk-page-caption { min-width:0;display:flex;align-items:center;flex-direction:column;text-align:center;gap:2px; }
.pk-page-caption b { font:700 14px/1.3 var(--ui-font);font-variant-numeric:tabular-nums;color:#f4e7ad; }
.pk-page-caption span { color:#a9c8c5;font:500 10px/1.3 var(--ui-font); }
#scr-dex .ui-scroll .grid.pk-paged-list,#fav-grid.pk-paged-list,#goals-body .leg-grid.pk-paged-list { grid-template-columns:repeat(var(--pk-page-columns,3),minmax(0,1fr));gap:10px;align-content:start; }
#scr-dex #dex-grid .cell,#fav-grid .cell { --card-type:#8fc8b1;position:relative;isolation:isolate;min-height:132px;overflow:hidden;padding:12px 7px 9px;border:1px solid color-mix(in srgb,var(--card-type) 65%,#3d625f);border-radius:14px;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--card-type) 23%,transparent),transparent 68%),linear-gradient(155deg,#31545a,#163943);box-shadow:inset 0 1px 0 #d4f5d720,0 4px 0 #052433;transition:transform .18s,border-color .18s; }
#scr-dex #dex-grid .cell::before,#fav-grid .cell::before { content:'';position:absolute;z-index:-1;width:76px;height:76px;left:50%;top:15px;transform:translateX(-50%);border:1px solid color-mix(in srgb,var(--card-type) 25%,transparent);border-radius:50%;background:linear-gradient(transparent 47%,color-mix(in srgb,var(--card-type) 13%,transparent) 48% 52%,transparent 53%); }
#scr-dex #dex-grid .cell canvas,#fav-grid .cell canvas { display:block;width:100%;height:82px;object-fit:contain;margin:7px auto 3px;image-rendering:pixelated;filter:drop-shadow(0 5px 1px #00192466); }
#scr-dex #dex-grid .cell b,#fav-grid .cell b { display:block;max-width:100%;color:#f6f0d6;font:700 14px/1.15 var(--ui-display);text-wrap:balance; }
#scr-dex #dex-grid .cell .no { top:8px;left:9px;color:#b9d5ce;font:600 9px/1 var(--ui-font);letter-spacing:.06em; }
#scr-dex #dex-grid .cell .badge-r { position:absolute;top:6px;right:8px; }
#scr-dex #dex-grid .cell.on,#fav-grid .cell.on { border:2px solid #ffe69c;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--card-type) 32%,transparent),transparent 70%),linear-gradient(145deg,#4d6550,#284748);box-shadow:0 4px 0 #866325,inset 0 0 0 2px #ffe69c13; }
#scr-dex #dex-grid .cell.locked { opacity:1;background:linear-gradient(150deg,#183941,#102e37);border-color:#456a6d; }
#scr-dex #dex-grid .cell.locked canvas { opacity:.6;filter:drop-shadow(0 2px 1px #0004); }
.pk-cell-trait { display:block;margin-top:6px;font:600 8px/1.25 var(--ui-font);color:color-mix(in srgb,var(--card-type) 65%,#f3f8dd);letter-spacing:.04em;text-wrap:balance; }
.cell.locked .pk-cell-trait { font-size:7px;color:#819f9f;letter-spacing:.07em; }
#scr-dex #dex-grid .cell:hover,#fav-grid .cell:hover { transform:translateY(-3px);border-color:#c4e8d5; }
#scr-dex #dex-grid .cell:focus-visible,#fav-grid .cell:focus-visible { outline:3px solid #ffe69c;outline-offset:2px; }
#scr-upgrades #upg-list.pk-paged-list { align-content:start; }
#scr-upgrades .upg-item { min-height:102px; }
#scr-rank #rk-list.pk-paged-list,#scr-friends #fr-list.pk-paged-list { align-content:start; }
#scr-goals #goals-body>.goals-h { margin-top:8px;margin-bottom:8px; }
#scr-goals #goals-body>.mission { margin-top:8px;margin-bottom:8px; }
#scr-goals .ach-grid.pk-paged-list { align-content:start; }
#scr-goals .leg-grid.pk-paged-list .leg-cell { min-width:0; }
#pull-results.pk-paged-list { grid-template-columns:repeat(var(--pk-page-columns,3),minmax(0,1fr));align-content:start; }
@media(max-width:540px) {
 .pk-collection-footer { padding:8px 12px 10px; }
 .pk-page-arrow { padding:7px 9px;font-size:11px; }
 .pk-page-caption b { font-size:12px; }.pk-page-caption span { font-size:8px; }
 #scr-dex #dex-grid .cell,#fav-grid .cell { min-height:122px;padding:10px 5px 8px;border-radius:12px; }
 #scr-dex #dex-grid .cell canvas,#fav-grid .cell canvas { height:70px;margin:9px auto 3px; }
 #scr-dex #dex-grid .cell b,#fav-grid .cell b { font-size:13px; }
 .pk-cell-trait { font-size:7px;margin-top:5px; }
}
@media(max-height:540px) {
 .pk-collection-footer { padding-top:6px;padding-bottom:6px; }
 .pk-collection-pager { gap:8px; }
 .pk-page-arrow { min-height:44px; }
 #scr-dex #dex-grid .cell,#fav-grid .cell { min-height:108px;padding-top:7px;padding-bottom:7px; }
 #scr-dex #dex-grid .cell canvas,#fav-grid .cell canvas { height:58px;margin-top:9px; }
 #scr-dex #dex-grid .cell b,#fav-grid .cell b { font-size:12px; }
 .pk-cell-trait { margin-top:4px;font-size:7px; }
 .pk-page-caption span { display:none; }
}
@media(prefers-reduced-motion:reduce) { .cell,.pk-page-arrow { transition:none!important; } }

/* Search and rarity filtering share one row when landscape height is scarce. */
@media(max-height:520px) and (min-width:560px) {
 #scr-dex .ui-scroll { padding:8px 12px; }
 #scr-dex .pk-collection-tools { position:relative;display:flex;align-items:center;gap:8px;margin:0 0 6px; }
 #scr-dex .pk-collection-tools .pk-dex-tools { flex:1;min-width:0;margin:0; }
 #scr-dex .pk-collection-tools .pk-dex-tools>label,#scr-dex .pk-collection-tools #pk-dex-count { display:none; }
 #scr-dex .pk-collection-tools .pk-search-field { gap:6px; }
 #scr-dex .pk-collection-tools .field { min-height:44px;padding:8px 10px;font-size:14px; }
 #scr-dex .pk-collection-tools .pk-search-field>.btn { min-height:44px;padding:7px 9px;min-width:52px;font-size:11px; }
 #scr-dex .pk-collection-tools .pk-dex-filters { flex:0 0 auto;margin:0;border-radius:9px; }
 #scr-dex .pk-collection-tools .pk-dex-filters>summary { min-height:44px;padding:12px;font-size:11px; }
 #scr-dex .pk-collection-tools .pk-dex-filters>.filters { position:absolute;z-index:25;top:calc(100% + 5px);right:0;width:min(510px,calc(100vw - 116px));padding:12px;border:1px solid #86ada2;border-radius:12px;background:#123641;box-shadow:0 10px 30px #001824aa; }
 #scr-dex #dex-grid .cell { min-height:88px;padding:4px 5px 6px; }
 #scr-dex #dex-grid .cell canvas { height:44px;margin:8px auto 1px; }
 #scr-dex #dex-grid .cell b { font-size:12px; }
 #scr-dex #dex-grid .pk-cell-trait { display:none; }
 #scr-dex #dex-grid .cell .no { top:6px;font-size:8px; }
}
/* Native achievement categories become one compact selector. */
.pk-ach-native-filters { display:none!important; }
.pk-achievement-selector { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;color:#bed8cf;font-size:11px; }
.pk-achievement-selector .field { width:auto;max-width:70%;min-height:44px;padding:8px 28px 8px 10px;font:600 12px var(--ui-font); }
#scr-goals #goals-body:has(.pk-achievement-selector)>p.sub { margin-bottom:8px;font-size:11px; }
#scr-goals #goals-body:has(.pk-achievement-selector)>.ach-grid:empty { display:none; }
#scr-goals #goals-body:has(.pk-achievement-selector)>h3 { margin:8px 0!important;font-size:17px; }
@media(max-height:520px) and (min-width:560px) {
 #scr-goals>.box.ui-panel { position:relative; }
 #scr-goals .pk-achievement-selector { position:absolute;z-index:2;top:7px;right:106px;width:170px;margin:0; }
 #scr-goals .pk-achievement-selector>span { display:none; }
 #scr-goals .pk-achievement-selector .field { max-width:100%;width:100%;min-height:38px;padding:6px 24px 6px 9px;font-size:11px; }
 #scr-goals:has(.pk-achievement-selector) .pk-heading-description { display:none; }
 #scr-goals #goals-body:has(.pk-achievement-selector)>p.sub { margin:0 0 5px;line-height:1.3;font-size:10px; }
 #scr-goals .ach-grid.pk-paged-list { grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:7px; }
 #scr-goals .ach-grid .ach { min-height:0;padding:9px 10px;gap:8px; }
 #scr-goals .ach .a-txt>b { font-size:12px;line-height:1.25; }
 #scr-goals .ach .a-txt>small { font-size:10px;line-height:1.3; }
 #scr-goals .ach .a-rw { font-size:10px;line-height:1.3; }
 #scr-goals #goals-body>.goals-h { margin:3px 0 5px; }
 #scr-goals .goals-h h3 { font-size:19px; }
 #scr-goals .goals-h .sub { margin:0;font-size:9px; }
 #scr-goals #goals-body>.mission { grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:0 0 6px;padding:10px; }
 #scr-goals #goals-body>.mission>div:first-child { grid-column:auto; }
 #scr-goals .mission .m-txt b { font-size:12px;line-height:1.3; }
 #scr-goals .mission .m-txt small,#scr-goals .mission .m-rw { font-size:10px; }
 #scr-goals .mission .btn { min-height:44px;padding:7px 10px;font-size:14px; }
 #scr-upgrades .upg-head { display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:8px;margin:0 0 8px;align-items:center; }
 #scr-upgrades .upg-head .stage { width:64px;height:56px;max-height:56px; }
 #scr-upgrades .pk-training-wallet { margin:0 0 4px;font-size:10px;line-height:1.2;gap:6px; }
 #scr-upgrades .pk-training-wallet b { font-size:13px; }
 #scr-upgrades .upg-head .row { display:flex;flex-wrap:nowrap;gap:6px;margin:0!important; }
 #scr-upgrades .upg-head .row>label { display:none; }
 #scr-upgrades #upg-mon { min-height:40px;padding:6px 10px;font-size:13px; }
 #scr-upgrades #upg-list .upg-item { min-height:84px;padding:10px!important;gap:8px; }
 #scr-upgrades .upg-item .txt b,#scr-upgrades .upg-item .txt { font-size:12px; }
 #scr-upgrades .upg-btns { flex-direction:row;gap:6px; }
 #scr-upgrades .upg-btns .btn { min-height:44px;padding:7px 9px;font-size:14px; }
}
@media(max-height:520px) and (min-width:560px) {
 #scr-dex .pk-collection-tools .pk-collection-region { flex:0 0 105px;min-width:0;width:105px;margin:0;padding:0;border:0;background:none; }
 #scr-dex .pk-collection-tools .pk-collection-region>span { display:none; }
 #scr-dex .pk-collection-tools .pk-collection-region select { width:100%;max-width:100%;min-width:0;min-height:44px;padding:8px 22px 8px 8px;font-size:12px; }
 #scr-dex .pk-collection-tools .pk-dex-filters>summary { padding:12px 9px; }
}
/* The smallest displays spend their remaining height on the collection itself. */
@media(max-width:540px) and (max-height:700px) and (orientation:portrait) {
 #scr-dex .ui-scroll { padding:8px 10px; }
 #scr-dex .pk-collection-tools { position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:0 0 6px; }
 #scr-dex .pk-collection-tools .pk-dex-tools { grid-column:1/-1;grid-row:2;margin:0; }
 #scr-dex .pk-collection-tools .pk-dex-tools>label,#scr-dex .pk-collection-tools #pk-dex-count { display:none; }
 #scr-dex .pk-collection-tools .pk-collection-region { grid-column:1;grid-row:1;min-width:0;padding:0;margin:0;border:0;background:none; }
 #scr-dex .pk-collection-tools .pk-collection-region>span { display:none; }
 #scr-dex .pk-collection-tools .pk-collection-region select { width:100%;max-width:100%;min-width:0;min-height:42px;padding:7px 25px 7px 10px;font-size:12px; }
 #scr-dex .pk-collection-tools .pk-dex-filters { grid-column:2;grid-row:1;margin:0; }
 #scr-dex .pk-collection-tools .pk-dex-filters>summary { min-height:42px;padding:11px 10px;font-size:11px; }
 #scr-dex .pk-collection-tools .pk-dex-filters>.filters { position:absolute;z-index:25;top:calc(100% + 5px);right:0;width:100%;padding:10px;border:1px solid #86ada2;border-radius:12px;background:#123641;box-shadow:0 10px 30px #001824aa; }
 #scr-dex .pk-collection-tools .pk-search-field .field,#scr-dex .pk-collection-tools .pk-search-field .btn { min-height:42px;padding:8px 10px;font-size:13px; }
 #scr-dex #dex-grid .cell { min-height:112px;padding:7px 5px; }
 #scr-dex #dex-grid .cell canvas { height:62px;margin:8px auto 2px; }
 #scr-dex #dex-grid .pk-cell-trait { display:none; }
}
@media(max-height:520px) and (min-width:560px) {
 #scr-dex .ui-scroll { padding-top:3px;padding-bottom:3px; }
 #scr-dex .pk-collection-tools { margin-bottom:3px; }
 #scr-dex .pk-collection-footer { padding-top:4px;padding-bottom:4px; }
 #scr-upgrades .upg-head { grid-template-columns:minmax(0,1fr);padding:5px 8px;margin-bottom:6px;gap:0; }
 #scr-upgrades .upg-head>.stage { display:none; }
 #scr-upgrades .upg-head>.grow { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px; }
 #scr-upgrades .pk-training-wallet { margin:0;display:block;max-width:90px;font-size:9px;line-height:1.2; }
 #scr-upgrades .pk-training-wallet b { display:block;font-size:13px;margin-top:3px; }
 #scr-upgrades #upg-mon { min-height:40px; }
 #scr-upgrades .ui-scroll { padding-top:6px;padding-bottom:6px; }
 #scr-upgrades #upg-list .upg-item { min-height:76px;padding:8px!important; }
 #scr-upgrades .upg-item .pips { gap:2px; }
 #scr-goals #goals-body>.goals-h { min-height:0;margin:0 0 4px;gap:5px; }
 #scr-goals #goals-body>.goals-h h3 { font-size:16px;line-height:1.05; }
 #scr-goals #goals-body>.goals-h .sub { font-size:8px;line-height:1.1; }
 #scr-goals #goals-body>.mission { padding:7px 8px;gap:6px;margin-bottom:2px; }
 #scr-goals .mission .m-txt b { font-size:11px;line-height:1.2; }
 #scr-goals .mission .m-txt small { font-size:9px;line-height:1.2; }
 #scr-goals .mission .bar { margin:3px 0 1px;height:5px; }
 #scr-goals .mission .m-rw { font-size:9px;max-width:72px; }
 #scr-goals .mission .btn { min-height:42px;padding:6px 8px;font-size:13px; }
 #scr-goals:has(#goals-body>.mission) .ui-scroll { padding-top:5px;padding-bottom:5px; }
}