.dex-layout{grid-template-columns:260px 1fr;min-height:calc(100vh - 60px);display:grid}@media (width<=900px){.dex-layout{grid-template-columns:1fr}}.dex-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-2);height:calc(100vh - 60px);padding:var(--space-5);gap:var(--space-6);flex-direction:column;display:flex;position:sticky;top:60px;overflow-y:auto}@media (width<=900px){.dex-sidebar{border-right:none;border-bottom:1px solid var(--color-border-2);grid-template-columns:1fr 1fr;height:auto;display:grid;position:static}}.mobile-filter-btn,.stats-row__page{display:none}.dex-backdrop{z-index:299;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;animation:.2s fadeIn;display:none;position:fixed;inset:60px 0 0}.dex-backdrop.open{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-close-btn{display:none}@media (width<=768px){.stats-row{z-index:150;background:var(--color-bg);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-2);-webkit-backdrop-filter:blur(12px);grid-template-columns:repeat(3,1fr);align-items:center;display:grid;position:sticky;top:60px}.stats-row>:first-child{text-align:left}.stats-row>:nth-child(2){text-align:center}.stats-row>:nth-child(3){text-align:right;justify-self:end}.mobile-filter-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:7px 14px;font-weight:600;display:inline-flex}.mobile-filter-btn.open{color:var(--color-text);background:var(--color-surface-3);border-color:var(--color-accent)}.mobile-filter-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.dex-sidebar{z-index:300;background:var(--color-bg);border-bottom:2px solid var(--color-border);max-height:calc(100dvh - 60px);padding:var(--space-5) var(--space-4);gap:var(--space-5);flex-direction:column;animation:.2s slideDown;display:none;position:fixed;top:60px;left:0;right:0;overflow-y:auto}.dex-sidebar.open{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar-close-btn{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar-close-btn__label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.sidebar-close-x{border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-close-x:hover{background:var(--color-surface-3);color:var(--color-text)}.sidebar-close-x svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:14px;height:14px}.dex-main{padding:var(--space-3)}.stats-row{margin-bottom:var(--space-3)}.stats-row__page{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);display:block}.mobile-pagination{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;grid-column:1/-1;display:flex}.pager-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:9px 18px;font-weight:600;display:inline-flex}.pager-btn:hover:not(:disabled){background:var(--color-surface-3);color:var(--color-text)}.pager-btn:disabled{opacity:.35;cursor:default}.pager-btn svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.pager-info{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-align:center;min-width:80px}}.sidebar-section{border-bottom:1px solid var(--color-border-2)}.sidebar-section:last-child{border-bottom:none}.sidebar-section__toggle{width:100%;padding:var(--space-3) 0;cursor:pointer;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.sidebar-section__toggle:hover{color:var(--color-text-muted)}.sidebar-section__toggle svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:12px;height:12px;transition:transform var(--transition-fast);flex-shrink:0}.sidebar-section.open .sidebar-section__toggle svg{transform:rotate(180deg)}.sidebar-section__body{padding-bottom:var(--space-3);display:none}.sidebar-section.open .sidebar-section__body{display:block}.search-field{position:relative}.search-field input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:9px 12px 9px 36px}.search-field input::placeholder{color:var(--color-text-dim)}.search-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.search-field svg{width:16px;height:16px;stroke:var(--color-text-dim);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.filter-chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border-radius:var(--radius-pill);font-family:var(--font-display);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:4px 11px;font-size:11px;font-weight:600}.chip:hover{background:var(--color-surface-3);color:var(--color-text)}.chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.chip.type-chip{background:var(--type-col);border-color:var(--type-col);color:#fff;opacity:.55;transition:opacity var(--transition-fast), box-shadow var(--transition-fast)}.chip.type-chip:hover{opacity:.8}.chip.type-chip.active{opacity:1;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--type-col)}.chip.type-chip.type-normal{--type-col:#a8a878}.chip.type-chip.type-fire{--type-col:#f08030}.chip.type-chip.type-water{--type-col:#6890f0}.chip.type-chip.type-electric{--type-col:#f8d030;color:#1a1a1a}.chip.type-chip.type-grass{--type-col:#78c850}.chip.type-chip.type-ice{--type-col:#98d8d8;color:#1a1a1a}.chip.type-chip.type-fighting{--type-col:#c03028}.chip.type-chip.type-poison{--type-col:#a040a0}.chip.type-chip.type-ground{--type-col:#e0c068;color:#1a1a1a}.chip.type-chip.type-flying{--type-col:#a890f0}.chip.type-chip.type-psychic{--type-col:#f85888}.chip.type-chip.type-bug{--type-col:#a8b820}.chip.type-chip.type-rock{--type-col:#b8a038}.chip.type-chip.type-ghost{--type-col:#705898}.chip.type-chip.type-dragon{--type-col:#7038f8}.chip.type-chip.type-dark{--type-col:#705848}.chip.type-chip.type-steel{--type-col:#b8b8d0;color:#1a1a1a}.chip.type-chip.type-fairy{--type-col:#ee99ac;color:#1a1a1a}.chip.special-chip{background:var(--sp-col);border-color:var(--sp-col);color:var(--sp-text,#fff);opacity:.55;transition:opacity var(--transition-fast), box-shadow var(--transition-fast)}.chip.special-chip:hover{opacity:.8}.chip.special-chip.active{opacity:1;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--sp-col)}.chip.special-chip.sp-legendary{--sp-col:#f5c842;--sp-text:#1a1a1a}.chip.special-chip.sp-mythical{--sp-col:#c770af}.chip.special-chip.sp-baby{--sp-col:#6cc4e8;--sp-text:#1a1a1a}.chip.special-chip.sp-paradox{--sp-col:#8b5cf6}.sort-select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237b92b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 12px}.sort-select:focus{border-color:var(--color-accent)}.dir-toggle{gap:var(--space-2);margin-top:var(--space-2);display:flex}.dir-btn{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.06em;flex:1;padding:7px 0;font-weight:600}.dir-btn:hover{background:var(--color-surface-3);color:var(--color-text)}.dir-btn.active{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-text)}.stats-row{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-2);justify-content:space-between;align-items:center;display:flex}.stats-count{font-family:var(--font-mono);color:var(--color-text);font-weight:500}.dex-main{padding:var(--space-5)}.poke-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}@media (width<=600px){.poke-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=380px){.poke-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.poke-card{padding:var(--space-3) var(--space-2) var(--space-2)}.poke-card__img-wrap{width:72px;height:72px}.poke-card__img{width:64px;height:64px}}.poke-card{background:var(--color-surface);border:1px solid var(--color-border-2);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3) var(--space-3);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);align-items:center;gap:var(--space-2);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.poke-card:before{content:"";border-radius:var(--radius-lg);opacity:0;background:radial-gradient(ellipse at 50% 30%, var(--card-glow,#ef444426) 0%, transparent 70%);transition:opacity var(--transition-base);position:absolute;inset:0}.poke-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border);transform:translateY(-4px)}.poke-card:hover:before{opacity:1}.poke-card__id{font-family:var(--font-mono);color:var(--color-text-dim);font-size:11px;position:absolute;top:10px;left:12px}.poke-card__img-wrap{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.poke-card__img-wrap:before{content:"";background:var(--color-surface-2);opacity:.6;border-radius:50%;position:absolute;inset:0}.poke-card__img{object-fit:contain;z-index:1;width:80px;height:80px;transition:transform var(--transition-base);image-rendering:pixelated;position:relative}.poke-card:hover .poke-card__img{transform:scale(1.1)translateY(-3px)}.poke-card__name{font-family:var(--font-display);font-size:var(--text-sm);text-transform:capitalize;letter-spacing:-.01em;text-align:center;font-weight:700}.poke-card__types{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.poke-card.skeleton .poke-card__img-wrap:before{display:none}.poke-card.skeleton .poke-card__img{background:var(--color-surface-2);opacity:0;border-radius:50%}.poke-card.skeleton .poke-card__name,.poke-card.skeleton .poke-card__types{background:var(--color-surface-2);border-radius:var(--radius-sm);color:#0000}.poke-card.skeleton .poke-card__id{background:var(--color-surface-2);color:#0000;border-radius:4px}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.poke-card.skeleton{animation:1.4s infinite shimmer}.load-sentinel{grid-column:1/-1;height:1px}.load-more-btn{margin:var(--space-4) auto;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);grid-column:1/-1;padding:10px 32px;font-weight:600}.load-more-btn:hover{background:var(--color-surface-3);color:var(--color-text)}.empty-state{text-align:center;padding:var(--space-16) 0;color:var(--color-text-muted);grid-column:1/-1}.empty-state__icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.empty-state h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-2)}.dex-page-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.02em;font-weight:800;line-height:1.2}.dex-page-title span{color:var(--color-text-muted);font-weight:500}@media (width<=768px){.dex-page-title{font-size:var(--text-lg)}}