body:has(.trainer-directory-page){--sl-content-width:76rem}.trainer-directory-page :where(p,h2,h3,header,footer,nav,section,div,aside,span,small){margin-top:0}.trainer-directory-page [hidden]{display:none!important}.trainer-directory-page .trainer-hero{border:1px solid var(--sl-color-gray-5);background:radial-gradient(ellipse at 90% 25%, var(--sl-color-accent-low), transparent 65%), var(--sl-color-bg-nav);border-radius:1.25rem;grid-template-columns:1.35fr 1fr;padding:2.5rem 2.5rem 0;display:grid;position:relative;overflow:hidden}.trainer-directory-page .trainer-hero h2{letter-spacing:-.045em;max-width:12ch;margin-block:.75rem 1rem;font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.08}.trainer-directory-page .trainer-hero p:not(.eyebrow){max-width:43ch;color:var(--sl-color-gray-2);font-size:.95rem}.trainer-directory-page .hero-secondary{margin:1rem 0 1.5rem;font-size:.85rem;display:inline-block}.trainer-directory-page .trainer-hero .guide-button{margin-right:1rem}.trainer-directory-page .trainer-hero-art{align-self:center;min-height:270px;position:relative}.trainer-directory-page .trainer-hero-art .pokemon-image{filter:drop-shadow(0 15px 18px #0000002e);width:100%;max-width:290px;height:auto;position:absolute;top:-25px;right:0}.trainer-directory-page .trainer-hero-art .pokemon-image:nth-of-type(2){width:48%;max-width:150px;top:135px;right:55%;transform:rotate(-8deg)}.trainer-directory-page .trainer-hero-art img{width:100%;height:auto}.trainer-directory-page .trainer-hero-stats{border-top:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);flex-wrap:wrap;grid-column:1/-1;gap:.75rem 2rem;padding:1rem 0;font-size:.78rem;display:flex}.trainer-directory-page .trainer-hero-stats strong{color:var(--sl-color-white);margin-right:.3rem;font-size:1rem}.trainer-directory-page .trainer-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-block:1.25rem 3.5rem;display:grid}.trainer-directory-page .trainer-categories>a{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);color:var(--sl-color-white);border-radius:.8rem;align-items:center;gap:.7rem;padding:.8rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.trainer-directory-page .trainer-categories>a:hover{border-color:var(--sl-color-accent);background:var(--sl-color-accent-low)}.trainer-directory-page .trainer-categories strong{font-size:.82rem;line-height:1.3;display:block}.trainer-directory-page .trainer-categories small{color:var(--sl-color-gray-3);margin-top:.3rem;font-size:.7rem;line-height:1.4;display:block}.trainer-directory-page .category-arrow{color:var(--sl-color-accent-high);margin-left:auto}.trainer-directory-page .directory-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.trainer-directory-page .directory-heading h2{letter-spacing:-.04em;margin-top:.35rem;font-size:2rem}.trainer-directory-page .directory-total,.trainer-directory-page .profile-team-count{white-space:nowrap;background:var(--sl-color-accent-low);color:var(--sl-color-accent-high);border-radius:2rem;padding:.25rem .6rem;font-size:.72rem}.trainer-directory-page .trainer-browser>p{margin-block:.65rem 1.25rem}.trainer-directory-page .trainer-controls{background:var(--sl-color-bg-nav);border:1px solid var(--sl-color-gray-5);border-radius:.85rem;align-items:end;gap:.75rem;margin-bottom:.85rem;padding:1rem;display:flex}.trainer-directory-page .trainer-controls label{gap:.4rem;min-width:0;font-size:.75rem;font-weight:600;display:grid}.trainer-directory-page .trainer-search{flex:1}.trainer-directory-page .trainer-controls input,.trainer-directory-page .trainer-controls select{border:1px solid var(--sl-color-gray-5);width:100%;min-width:0;min-height:44px;color:var(--sl-color-white);background:var(--sl-color-bg);font:inherit;border-radius:.45rem;padding:.55rem .75rem;font-size:.875rem}.trainer-directory-page .trainer-controls button{min-height:44px}.trainer-directory-page .trainer-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.trainer-directory-page .trainer-directory>*{margin-top:0}.trainer-directory-page .trainer-profile-card{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.9rem;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.trainer-directory-page .trainer-profile-card:hover,.trainer-directory-page .trainer-profile-card:focus-within{border-color:var(--sl-color-accent);box-shadow:0 6px 22px #0000000f}.trainer-directory-page .trainer-profile-card header{justify-content:space-between;align-items:start;gap:.5rem;padding:1.1rem 1.1rem .5rem;display:flex}.trainer-directory-page .profile-class{text-transform:uppercase;letter-spacing:.07em;color:var(--sl-color-gray-3);margin-bottom:.35rem;font-size:.65rem}.trainer-directory-page .trainer-profile-card h3{font-size:1.05rem;line-height:1.3}.trainer-directory-page .trainer-profile-card h3 a{color:var(--sl-color-white);text-decoration:none}.trainer-directory-page .trainer-profile-card h3 a:after{content:"";z-index:1;position:absolute;inset:0}.trainer-directory-page .trainer-profile-card h3 a:focus-visible{outline:none}.trainer-directory-page .trainer-profile-card:focus-within{outline:2px solid var(--sl-color-accent);outline-offset:3px}.trainer-directory-page .profile-location{color:var(--sl-color-gray-3);min-height:2.5rem;margin-bottom:.8rem;padding:0 1.1rem;font-size:.75rem;line-height:1.5}.trainer-directory-page .profile-location span{white-space:nowrap}.trainer-directory-page .profile-team{background:var(--sl-color-bg);border-top:1px solid var(--sl-color-gray-6);padding:.85rem 1rem;margin-top:auto!important}.trainer-directory-page .profile-team>p{color:var(--sl-color-gray-3);justify-content:space-between;gap:.5rem;margin-bottom:.4rem;font-size:.65rem;display:flex}.trainer-directory-page .trainer-profile-card footer{color:var(--sl-color-accent-high);border-top:1px solid var(--sl-color-gray-6);justify-content:space-between;padding:.7rem 1.1rem;font-size:.7rem;display:flex}.trainer-directory-page .trainer-pagination{justify-content:center;align-items:center;gap:1rem;margin-block:1.5rem;font-size:.8rem;display:flex}.trainer-directory-page .trainer-pagination button{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);min-height:44px;color:var(--sl-color-white);cursor:pointer;border-radius:.5rem;padding:.5rem .85rem}.trainer-directory-page .trainer-pagination button:disabled{opacity:.45;cursor:default}.trainer-directory-page .trainer-index{columns:3 14rem;column-gap:2rem;padding-left:1.25rem;font-size:.9rem}.trainer-directory-page .trainer-index li{break-inside:avoid;margin-top:0}.trainer-directory-page .trainer-empty{text-align:center;border:1px dashed var(--sl-color-gray-4);border-radius:.75rem;padding:3rem 1rem}.trainer-directory-page .artwork-credit{font-size:.7rem}.trainer-directory-page .trainer-reading-note{border-left:3px solid var(--sl-color-accent);background:var(--sl-color-accent-low);border-radius:0 .75rem .75rem 0;margin-block:3rem;padding:1.2rem 1.5rem;font-size:.85rem}.trainer-directory-page .trainer-reading-note strong{margin-bottom:.35rem;display:block}.trainer-directory-page .trainer-guide-section{border-top:1px solid var(--sl-color-gray-5);margin-block:3rem;padding-top:2rem}.trainer-directory-page .trainer-section-heading{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.trainer-directory-page .trainer-section-heading h2{letter-spacing:-.025em;margin:.35rem 0 0;font-size:1.6rem}.trainer-directory-page .trainer-section-heading>a{margin-left:auto;padding:.5rem;text-decoration:none}.trainer-directory-page .trainer-guide-entry{margin-block:1.5rem}.trainer-directory-page .trainer-guide-entry h3{margin-bottom:.75rem;font-size:1.1rem}@media (width<=75rem){.trainer-directory-page .trainer-directory,.trainer-directory-page .trainer-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=38rem){.trainer-directory-page .trainer-hero{grid-template-columns:1fr;padding:1.5rem 1.25rem 0}.trainer-directory-page .trainer-hero h2{max-width:16ch}.trainer-directory-page .trainer-hero-art{width:260px;max-width:100%;height:190px;min-height:190px;margin:0 auto}.trainer-directory-page .trainer-hero-art .pokemon-image{width:200px;top:-25px}.trainer-directory-page .trainer-hero-art .pokemon-image:nth-of-type(2){width:100px;top:65px;right:60%}.trainer-directory-page .trainer-hero-stats{gap:.5rem 1rem}.trainer-directory-page .trainer-hero-stats>:last-child{display:none}.trainer-directory-page .trainer-categories{gap:.5rem;margin-bottom:2rem}.trainer-directory-page .trainer-categories>a{gap:.5rem;padding:.6rem}.trainer-directory-page .trainer-categories .pokemon-image-small{flex-basis:36px;width:36px;height:36px}.trainer-directory-page .trainer-categories img:not(.pokemon-sprite){width:36px;height:36px}.trainer-directory-page .trainer-categories small,.trainer-directory-page .category-arrow{display:none}.trainer-directory-page .trainer-categories strong{font-size:.75rem}.trainer-directory-page .trainer-controls{flex-wrap:wrap}.trainer-directory-page .trainer-search{flex-basis:100%}.trainer-directory-page .trainer-controls label:not(.trainer-search){flex:1}.trainer-directory-page .trainer-controls input,.trainer-directory-page .trainer-controls select{font-size:1rem}.trainer-directory-page .trainer-directory{grid-template-columns:1fr}.trainer-directory-page .directory-heading h2{font-size:1.75rem}.trainer-directory-page .trainer-pagination{gap:.65rem}.trainer-directory-page .trainer-section-heading h2{font-size:1.35rem}.trainer-directory-page .trainer-reading-note{padding:1rem}}
