.dex-header{display:flex;align-items:center;justify-content:space-between;padding:25px 4%;border-bottom:1px solid var(--line);gap:25px;background:#0d1a16}.dex-header nav{display:flex}.dex-header a[aria-current]{color:var(--gold)}.dex-intro{padding:70px 0 45px;text-align:center}.dex-intro h1{font-size:clamp(30px,4vw,48px);margin-bottom:20px}.dex-intro p:not(.eyebrow){font-size:13px}.source-badge{display:inline-block;border:1px solid var(--line);color:#ccb389;font-size:10px;padding:4px 12px}.dex-controls{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:18px;padding:24px;background:#17261f;border:1px solid var(--line)}.dex-controls label{font-size:11px;color:#c5b38e}.dex-controls input,.dex-controls select{display:block;width:100%;padding:12px;font:13px "Malgun Gothic",sans-serif;background:#0d1914;border:1px solid #b4a07455;color:#eee5d1;margin-top:8px;border-radius:3px}.dex-controls input:focus,.dex-controls select:focus{outline:2px solid var(--gold);outline-offset:2px}.dex-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0 15px}.dex-toolbar p{font-size:12px;margin:0}.dex-toolbar button{font-size:11px}.dex-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;min-height:250px}.pet-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:18px 10px;background:radial-gradient(ellipse at 50% 20%,#33463566,#15241c 75%);border:1px solid var(--line);position:relative;text-align:center;transition:border-color .2s,transform .2s}.pet-card:hover{border-color:var(--gold);transform:translateY(-3px)}.pet-card .dex-number{font:10px Georgia,serif;letter-spacing:.1em;color:#b79a6c;align-self:flex-start}.pet-card img{width:125px;height:125px;object-fit:contain;image-rendering:pixelated;margin:8px 0 12px;filter:drop-shadow(0 12px 8px #0005)}.pet-card h2{font:600 13px "Malgun Gothic",sans-serif;letter-spacing:-.03em;min-height:22px;margin-bottom:12px;overflow-wrap:anywhere}.elements{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;font-size:10px}.elements span{display:inline-flex;align-items:center;gap:4px}.elements i{width:6px;height:6px;border-radius:50%;display:block}.element-earth i{background:#68ad58}.element-water i{background:#70b9d8}.element-fire i{background:#db785c}.element-wind i{background:#e7c774}.card-growth{font-size:9px;color:#aebda7;margin-top:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:25px;margin:40px 0 15px}.pagination button{background:none;border:1px solid var(--line);padding:10px 20px;color:var(--gold)}.pagination button:disabled{opacity:.3}.pagination span{font-size:12px}.dex-footnote{font-size:10px;text-align:center;color:#899b88;line-height:1.8;margin:25px 0 40px}.dex-grid>.empty{grid-column:1/-1;text-align:center;padding:70px 0;color:var(--muted)}#pet-detail{width:min(740px,calc(100% - 24px));padding:40px}.dex-detail-top{display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:center}.detail-picture{height:215px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#48644244,transparent 70%);border:1px solid var(--line)}.detail-picture img{width:185px;height:185px;object-fit:contain;image-rendering:pixelated}.detail-picture span{font-size:12px;color:var(--muted)}.dex-detail-top h2{font-family:"Malgun Gothic",sans-serif;font-size:31px;letter-spacing:-.04em;margin:10px 0 20px}.dex-detail-top .elements{justify-content:start;font-size:12px;gap:15px}#detail-ride{font-size:11px;margin-top:20px}.stats-title,.acquire-section h3{font-size:16px;margin:30px 0 15px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:390px;font-size:12px;text-align:center}th,td{padding:12px 10px;border:1px solid var(--line);font-weight:400}thead{background:#d0a56215;color:#e6ce9b}tbody th{color:#d0c2a1}tbody tr:last-child{color:#edd49f;background:#c4a45e0b}.stats-note{font-size:11px;color:#b5c0aa;margin-top:13px}.acquire-section p{font-size:12px;white-space:pre-wrap;line-height:1.9}.image-unavailable{font-size:10px;color:#8da18d;height:145px;display:grid;place-items:center}.dex-detail-top .eyebrow{font-size:10px;margin-bottom:12px}
@media(max-width:1100px){.dex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dex-header nav{gap:22px}.dex-controls{gap:14px}}
@media(max-width:800px){.dex-header{padding:20px;flex-wrap:wrap}.dex-header nav{position:static;display:flex;box-shadow:none;border:0;background:none;flex-direction:row;padding:0;gap:22px;width:auto}.dex-header nav a{padding:0;font-size:11px}.dex-controls{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px}.dex-controls .search-label{grid-column:1/-1}.dex-grid{gap:12px}.pet-card img{width:110px;height:110px}.dex-detail-top{grid-template-columns:190px 1fr;gap:25px}.detail-picture{height:190px}.detail-picture img{width:160px;height:160px}}
@media(max-width:560px){.dex-header{justify-content:center;gap:20px}.dex-header .brand-mark{display:none}.dex-header .brand small{display:none}.dex-header nav{width:100%;justify-content:center;gap:22px}.dex-intro{padding-top:45px}.dex-intro h1{font-size:28px}.dex-intro p:not(.eyebrow){font-size:11px}.dex-controls{gap:12px;padding:15px}.dex-controls input,.dex-controls select{font-size:11px;padding:10px 7px}.dex-controls label{font-size:10px}.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-card{padding:15px 9px}.pet-card img{width:120px;height:120px}.pet-card h2{font-size:13px}.elements{gap:7px;font-size:9px}.dex-detail-top{grid-template-columns:1fr;text-align:center;gap:20px}.detail-picture{width:200px;margin:auto}.dex-detail-top .elements{justify-content:center}.dex-detail-top h2{font-size:27px}#pet-detail{padding:30px 20px}.dex-footnote{font-size:9px}.pagination{gap:20px}.dex-toolbar p{font-size:11px}}