.um-dex__filters-trigger{display:none}@media (width<=768px){.um-dex__filters-trigger{border:1px solid var(--um-border-strong);background:var(--um-surface);color:var(--um-text);font:800 13.5px var(--um-font-ui);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:12px 20px;display:flex}.um-dex__filters-trigger:focus-visible{box-shadow:var(--um-focus-ring);outline:none}.um-dex__filters-trigger__count{background:var(--um-accent);width:22px;height:22px;color:var(--um-on-accent);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.um-dex__filters{display:none}}.um-filters-sheet{z-index:100;background:0 0;border:0;justify-content:center;align-items:flex-end;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;display:flex;position:fixed;inset:0}.um-filters-sheet::backdrop{background:var(--um-overlay)}.um-filters-sheet:not([open]){display:none}.um-filters-sheet__panel{background:var(--um-surface);overscroll-behavior:contain;border-radius:28px 28px 0 0;width:100%;max-height:85vh;padding:0 20px 24px;overflow-y:auto}.um-filters-sheet__handle{background:var(--um-border-strong);border-radius:999px;width:38px;height:4px;margin:12px auto 16px}.um-filters-sheet__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.um-filters-sheet__title{font-family:var(--um-font-display);letter-spacing:-.03em;margin:0;font-size:22px;font-weight:800}.um-filters-sheet__clear{color:var(--um-accent);font:800 13px var(--um-font-ui);cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px;padding:8px;display:flex}.um-filters-sheet__body{flex-direction:column;gap:20px;display:flex}.um-filters-sheet__body .um-dex__filter-btn,.um-filters-sheet__body .um-dex__type-btn{min-width:44px;min-height:44px}.um-filters-sheet__cta{cursor:pointer;background:var(--um-accent);width:100%;color:var(--um-on-accent);font:800 15px var(--um-font-ui);min-height:54px;box-shadow:0 18px 32px -16px color-mix(in oklab, var(--um-accent) 80%, transparent);border:0;border-radius:999px;margin-top:20px;padding:16px}.um-filters-sheet__cta:focus-visible{box-shadow:var(--um-focus-ring);outline:none}.um-dex{max-width:var(--um-container);padding:var(--um-space-5);gap:var(--um-space-5);flex-direction:column;margin:0 auto;display:flex}.um-dex__header{background:var(--um-surface);border:var(--um-border-width) solid var(--um-border);border-radius:var(--um-radius-xl);padding:var(--um-space-6);gap:var(--um-space-5);flex-direction:column;display:flex}.um-dex__title{font-family:var(--um-font-display);font-size:var(--um-fs-h1);letter-spacing:var(--um-ls-heading);font-weight:800;line-height:var(--um-lh-heading);margin:0}.um-dex__search-wrap{max-width:480px;position:relative}.um-dex__search-icon{left:var(--um-space-4);color:var(--um-text-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.um-dex__search{width:100%;height:48px;padding:0 48px 0 calc(var(--um-space-4) + 18px + var(--um-space-3));border:var(--um-border-width) solid var(--um-border);border-radius:var(--um-radius-pill);background:var(--um-bg);color:var(--um-text);font-family:var(--um-font-ui);font-size:var(--um-fs-body);transition:border-color var(--um-dur) var(--um-ease);outline:none}.um-dex__search:focus{border-color:var(--um-accent);box-shadow:var(--um-focus-ring)}.um-dex__search::placeholder{color:var(--um-text-3)}.um-dex__kbd{right:var(--um-space-4);min-width:24px;height:24px;padding:0 var(--um-space-1);border:var(--um-border-width) solid var(--um-border);border-radius:var(--um-radius-xs);background:var(--um-surface-2);font-family:var(--um-font-ui);font-size:var(--um-fs-caption);color:var(--um-text-3);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.um-dex__stats{gap:var(--um-space-4);display:flex}.um-dex__stat{padding:var(--um-space-3) var(--um-space-4);border:var(--um-border-width) solid var(--um-border);border-radius:var(--um-radius-sm);flex-direction:column;min-width:100px;display:flex}.um-dex__stat--cta{border-style:dashed;border-color:var(--um-cta)}.um-dex__stat-value{font-family:var(--um-font-display);font-size:var(--um-fs-h2);font-weight:800;line-height:var(--um-lh-tight)}.um-dex__stat--cta .um-dex__stat-value{color:var(--um-cta)}.um-dex__stat-label{font-size:var(--um-fs-caption);color:var(--um-text-3);text-transform:uppercase;letter-spacing:var(--um-ls-caption)}.um-dex__progress{background:var(--um-surface-inset);border-radius:var(--um-radius-pill);height:8px;position:relative;overflow:hidden}.um-dex__progress-bar{background:linear-gradient(90deg, var(--um-accent), var(--um-cta));border-radius:var(--um-radius-pill);height:100%;transition:width var(--um-dur-slow) var(--um-ease)}.um-dex__progress-label{right:var(--um-space-2);font-size:var(--um-fs-caption);color:var(--um-text-3);position:absolute;top:-20px}.um-dex__filters{gap:var(--um-space-4);flex-direction:column;display:flex}.um-dex__filter-group{gap:var(--um-space-2);flex-wrap:wrap;display:flex}.um-dex__filter-btn{min-height:36px;padding:var(--um-space-1) var(--um-space-4);border:var(--um-border-width) solid var(--um-border);border-radius:var(--um-radius-pill);background:var(--um-surface);color:var(--um-text-2);font-family:var(--um-font-ui);font-size:var(--um-fs-sm);cursor:pointer;transition:background var(--um-dur) var(--um-ease), color var(--um-dur) var(--um-ease), border-color var(--um-dur) var(--um-ease), box-shadow var(--um-dur) var(--um-ease);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.um-dex__filter-btn:hover{background:var(--um-surface-2)}.um-dex__filter-btn--active{background:var(--um-accent);color:var(--um-on-accent);border-color:var(--um-accent);box-shadow:0 4px 12px -4px color-mix(in oklab, var(--um-accent) 60%, transparent)}.um-dex__filter-btn:focus-visible{box-shadow:var(--um-focus-ring);outline:none}.um-dex__filter-types{gap:var(--um-space-2);flex-wrap:wrap;display:flex}.um-dex__type-btn{min-height:32px;padding:var(--um-space-1) var(--um-space-3);border:var(--um-border-width) solid var(--um-t-border);border-radius:var(--um-radius-pill);background:var(--um-t-bg);color:var(--um-t-ink);font-family:var(--um-font-ui);font-size:var(--um-fs-caption);text-transform:uppercase;letter-spacing:var(--um-ls-caption);cursor:pointer;transition:transform var(--um-dur-fast) var(--um-ease), box-shadow var(--um-dur) var(--um-ease);align-items:center;font-weight:600;display:inline-flex}.um-dex__type-btn:hover{transform:translateY(-1px)}.um-dex__type-btn--active{background:var(--um-accent);color:var(--um-on-accent);border-color:var(--um-accent);box-shadow:0 4px 12px -4px color-mix(in oklab, var(--um-accent) 60%, transparent)}.um-dex__type-btn:focus-visible{box-shadow:var(--um-focus-ring);outline:none}.um-dex__chips{align-items:center;gap:var(--um-space-2);padding:var(--um-space-3) 0;flex-wrap:wrap;display:flex}.um-dex__chip-count{font-size:var(--um-fs-sm);color:var(--um-text-2);font-weight:600}.um-dex__chip{align-items:center;gap:var(--um-space-1);padding:var(--um-space-1) var(--um-space-3);border:var(--um-border-width) solid var(--um-border);border-radius:var(--um-radius-pill);background:var(--um-surface);color:var(--um-text);font-size:var(--um-fs-sm);cursor:pointer;transition:background var(--um-dur) var(--um-ease);display:inline-flex}.um-dex__chip:hover{background:var(--um-surface-2)}.um-dex__chip--clear{background:var(--um-accent-soft);color:var(--um-accent-ink);border-color:#0000}.um-dex__grid{gap:var(--um-space-4);grid-template-columns:repeat(auto-fill,minmax(196px,1fr));display:grid}@media (width<=480px){.um-dex__grid{gap:var(--um-space-3);grid-template-columns:repeat(2,1fr)}.um-dex__header{padding:var(--um-space-5)}.um-dex__stats{gap:var(--um-space-2)}.um-dex__stat{min-width:0;padding:var(--um-space-3) var(--um-space-2);text-align:center;flex:1 1 0;align-items:center}}.um-dex__skeleton{aspect-ratio:3/4;background:var(--um-skeleton);border-radius:var(--um-radius-lg);animation:1.5s ease-in-out infinite umPulse}@keyframes umPulse{0%,to{opacity:1}50%{opacity:.5}}.um-dex__empty{align-items:center;gap:var(--um-space-4);padding:var(--um-space-9) var(--um-space-5);text-align:center;flex-direction:column;display:flex}.um-dex__empty-text{font-size:var(--um-fs-h3);color:var(--um-text-2);margin:0}.um-dex__empty-btn{padding:var(--um-space-2) var(--um-space-5);border:var(--um-border-width) solid var(--um-border);border-radius:var(--um-radius-pill);background:var(--um-surface);color:var(--um-accent);cursor:pointer;font-weight:600}.um-dex__footer{align-items:center;gap:var(--um-space-4);padding:var(--um-space-5) 0;flex-direction:column;display:flex}.um-dex__progress-text{font-size:var(--um-fs-sm);color:var(--um-text-3)}.um-dex__load-more{min-height:48px;padding:var(--um-space-3) var(--um-space-7);border:var(--um-border-width) solid var(--um-border);border-radius:var(--um-radius-pill);background:var(--um-surface);color:var(--um-text);font-family:var(--um-font-ui);font-size:var(--um-fs-body);cursor:pointer;transition:background var(--um-dur) var(--um-ease), box-shadow var(--um-dur) var(--um-ease);font-weight:600}.um-dex__load-more:hover{background:var(--um-surface-2);box-shadow:var(--um-shadow-md)}.um-dex__load-more:focus-visible{box-shadow:var(--um-focus-ring);outline:none}.um-pokemon-card{background:var(--um-surface);border:var(--um-border-width) solid var(--um-border);box-shadow:var(--um-shadow-sm);color:inherit;transition:transform var(--um-dur) var(--um-ease), box-shadow var(--um-dur) var(--um-ease);border-radius:20px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.um-pokemon-card:hover{box-shadow:0 14px 28px -14px color-mix(in oklab, var(--um-t) 60%, transparent);transform:translateY(-4px)}.um-pokemon-card:focus-visible{box-shadow:var(--um-focus-ring);outline:none;transform:translateY(-4px)}.um-pokemon-card:has(.um-vacio--sin-obra){border-color:color-mix(in oklab, var(--um-cta) 28%, var(--um-border))}.um-pokemon-card__body{padding:12px 14px 14px}.um-pokemon-card__name{color:var(--um-text);font-size:15px;font-weight:800;display:block}.um-pokemon-card__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.um-pokemon-card__type{letter-spacing:.04em;text-transform:uppercase;background:var(--um-t-bg);border:var(--um-border-width) solid var(--um-t-border);color:var(--um-t-ink);border-radius:var(--um-radius-pill);padding:4px 9px;font-size:10.5px;font-weight:800}.um-pokemon-card__count{color:var(--um-text-2);margin-left:auto;font-size:12px}.um-pokemon-card__first{color:var(--um-cta);margin-left:auto;font-size:12px;font-weight:800}@media (width<=768px){.um-pokemon-card{border-radius:18px}.um-pokemon-card__body{padding:10px 11px 12px}.um-pokemon-card__name{font-size:14px}.um-pokemon-card__type{padding:3px 8px;font-size:9.5px}.um-pokemon-card__count,.um-pokemon-card__first{font-size:11.5px}}.um-dexindex{max-width:var(--um-container);margin:var(--um-space-8) auto 0;padding:var(--um-space-6) var(--um-space-4) var(--um-space-8);border-top:1px solid var(--um-border)}.um-dexindex__title{scroll-margin-top:calc(var(--um-header-height) + var(--um-space-4));font-family:var(--um-font-display);font-weight:800;font-size:var(--um-fs-h3);letter-spacing:var(--um-ls-heading);margin:0}.um-dexindex__subtitle{margin:var(--um-space-2) 0 var(--um-space-5);font-size:var(--um-fs-sm);color:var(--um-text-3);max-width:min(60ch,100%)}.um-dexindex__group+.um-dexindex__group{margin-top:var(--um-space-2)}.um-dexindex__summary{justify-content:space-between;align-items:center;gap:var(--um-space-4);min-height:48px;padding:var(--um-space-3) var(--um-space-4);border:1px solid var(--um-border);border-radius:var(--um-radius-md);background:var(--um-surface);cursor:pointer;transition:border-color var(--um-dur) var(--um-ease);list-style:none;display:flex}.um-dexindex__summary::-webkit-details-marker{display:none}.um-dexindex__summary:hover{border-color:var(--um-border-strong)}.um-dexindex__summary:focus-visible{outline:var(--um-focus-ring);outline-offset:2px}.um-dexindex__gen{font-weight:700;font-size:var(--um-fs-body)}.um-dexindex__gen:before{content:"▸";margin-right:var(--um-space-3);color:var(--um-accent);transition:transform var(--um-dur-fast) var(--um-ease);display:inline-block}.um-dexindex__group[open] .um-dexindex__gen:before{transform:rotate(90deg)}.um-dexindex__count{font-size:var(--um-fs-caption);color:var(--um-text-3);font-variant-numeric:tabular-nums;font-weight:700}.um-dexindex__list{margin:var(--um-space-3) 0 var(--um-space-5);padding:0 var(--um-space-2);gap:var(--um-space-1) var(--um-space-4);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));list-style:none;display:grid}.um-dexindex__link{align-items:baseline;gap:var(--um-space-2);min-height:32px;padding:var(--um-space-1) var(--um-space-2);border-radius:var(--um-radius-xs);color:var(--um-text-2);font-size:var(--um-fs-sm);text-decoration:none;display:flex}.um-dexindex__link:hover{background:var(--um-surface-inset);color:var(--um-text)}.um-dexindex__link:focus-visible{outline:var(--um-focus-ring);outline-offset:1px}.um-dexindex__num{font-family:var(--um-font-display);font-size:var(--um-fs-caption);color:var(--um-text-3);font-variant-numeric:tabular-nums;flex:none}.um-dexindex__link[data-art=yes] .um-dexindex__name{color:var(--um-accent);font-weight:700}.um-dexindex__name{overflow-wrap:break-word;min-width:0}@media (prefers-reduced-motion:reduce){.um-dexindex__summary,.um-dexindex__gen:before{transition:none}}
