header nav{display:flex;gap:16px;margin-left:auto}nav a{color:var(--muted);font-size:13px}nav a[aria-current]{color:var(--accent)}.intro{color:var(--muted)}.stats-controls{display:flex;gap:14px;flex-wrap:wrap;padding:18px;margin-top:22px;align-items:end}.stats-controls label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.stats-controls label:first-child{flex:1;min-width:220px}.stats-controls input{background:#12151b;border:1px solid var(--line);border-radius:6px;padding:10px;color:var(--text);min-width:0}.table-scroll{overflow:auto;max-height:72vh}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;font-variant-numeric:tabular-nums}caption{text-align:left;padding:16px;color:var(--muted)}th{position:sticky;top:0;background:#202430;z-index:1;text-align:left;white-space:nowrap}th button{border:0;background:transparent;padding:12px 8px;font-size:11px}td{border-top:1px solid var(--line);padding:12px 8px;white-space:nowrap}tbody tr:hover{background:#242333}td.pokemon{min-width:180px}td.pokemon img{width:40px;height:40px;object-fit:contain;vertical-align:middle;image-rendering:pixelated;margin-right:8px}.pokemon small{display:block;color:var(--muted);margin-left:48px}.ability{min-width:250px;max-width:310px;white-space:normal;line-height:1.5}.ability p{margin:5px 0;color:var(--muted)}.compare{padding:18px;margin:18px 0;overflow:auto}.compare h2{margin:0 0 12px}.compare table{min-width:500px}.compare th{position:static;padding:10px}.compare td{white-space:normal}.data-notes{padding:18px;margin-top:20px;line-height:1.6;font-size:12px;color:var(--muted)}#results{font-size:12px;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:650px){header{height:auto;flex-wrap:wrap;padding:16px}header nav{width:100%;order:3;margin:0}.stats-controls{gap:10px}.stats-controls label:first-child{flex-basis:100%}.stats-controls label{flex:1}.stats-controls button{width:100%}h1{font-size:26px}}

/* Visible cell grid and two-stat ranking controls. */
table th,table td{border-right:1px solid #3b4050;border-bottom:1px solid #3b4050}table td{border-top:0}table th:first-child,table td:first-child{border-left:1px solid #3b4050}table thead th{border-top:1px solid #3b4050}.locked-stat{background:#2d283e}.stat-locks{padding:16px 18px;margin-top:14px;display:flex;align-items:end;gap:12px;flex-wrap:wrap}.stat-locks>div{flex:1;min-width:240px}.stat-locks label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.stat-locks #lock-status{width:100%;margin:0;font-size:12px;color:var(--accent)}@media(max-width:650px){.stat-locks label{flex:1;min-width:120px}.stat-locks>div{flex-basis:100%}.stat-locks select{max-width:100%}}

/* Use available desktop width while retaining comfortable edge spacing. */
main{max-width:none;width:100%;box-sizing:border-box;padding-left:clamp(12px,1.5vw,32px);padding-right:clamp(12px,1.5vw,32px)}.ability{max-width:420px}

.recommended-items{display:flex;gap:4px;margin:7px 0 0 48px}.recommended-item{padding:3px;border:1px solid #514667;border-radius:5px;background:#262333;line-height:1}.pokemon .recommended-item img{width:22px;height:22px;margin:0;display:block;object-fit:contain}.pokemon .item-gap{display:block;font-size:10px;color:var(--muted);margin:7px 0 0 48px}.pokemon .item-note{display:block;white-space:normal;max-width:250px;font-size:11px;color:var(--muted);line-height:1.5;margin-top:7px}

.stat-type-icons{display:inline-flex;gap:6px;align-items:center}.stat-type-icons img{width:25px;height:25px;object-fit:contain}.stat-type-icons img:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

.compare-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.comparison-legend{font-size:12px;color:var(--muted);line-height:1.6}.compare-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,300px));gap:16px;align-items:start}.compare-card{background:#191c25;border:1px solid #373d4c;border-radius:12px;padding:14px;min-width:0}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:var(--muted)}.card-meta button{padding:2px 6px;margin-left:5px}.card-portrait{height:100px;display:grid;place-items:center;background:radial-gradient(ellipse,#35304755,transparent 70%)}.card-portrait img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}.compare-card h3{text-align:center;font-size:21px;margin:5px 0}.card-line{text-align:center;color:var(--muted);font-size:11px;margin:5px 0 10px}.card-types{text-align:center}.card-stars{display:flex;gap:5px;margin:14px 0}.card-stars button{flex:1}.card-stars button[aria-pressed=true]{background:#403450;border-color:#ae91e0;color:#ffe18a}.card-stars button:disabled{opacity:.3;cursor:not-allowed}.compare-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #373d4c;border-radius:8px;overflow:hidden;margin:0}.compare-stat-grid>div{text-align:center;padding:10px 3px;border-right:1px solid #373d4c;border-bottom:1px solid #373d4c;background:#1e222c}.compare-stat-grid dt{font-size:9px;color:var(--muted);margin-bottom:6px}.compare-stat-grid dd{font-size:13px;font-weight:600;margin:0}.higher{color:#7ee4ad}.lower{color:#ff929c}.card-items h4{font-size:9px;letter-spacing:1px;font-weight:400;color:var(--muted);margin:15px 0 8px}.card-items .recommended-items{margin:0}.card-items .recommended-item{padding:7px}.card-items .recommended-item img{width:25px;height:25px;display:block;object-fit:contain}.card-items .item-gap,.card-items .item-note{font-size:11px;color:var(--muted);line-height:1.5}.card-ability{margin-top:14px;font-size:11px;line-height:1.6;color:var(--muted)}@media(max-width:600px){.compare-cards{grid-template-columns:1fr}.compare-card{max-width:none}.compare-heading{align-items:start}}

/* Shared page navigation. */
header .page-nav{display:flex;gap:4px;align-items:center;flex-shrink:0;margin-left:auto;padding:4px;border:1px solid #363b4b;border-radius:11px;background:#10131b}header .page-nav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 13px;border:1px solid transparent;border-radius:7px;text-decoration:none;font-size:12px;font-weight:600;color:#b9bfce;white-space:nowrap;transition:background .15s,border-color .15s}header .page-nav a:hover{background:#292d3a;color:#fff}header .page-nav a[aria-current=page]{background:#b89bff;color:#191225;border-color:#c9b3ff;box-shadow:0 2px 8px #0003}header .page-nav a:focus-visible{outline:2px solid #dfceff;outline-offset:3px}header .page-nav a span{font-size:16px}@media(max-width:1250px){header{flex-wrap:wrap}header .page-nav{margin-left:0}}@media(max-width:650px){header .page-nav{width:100%;order:5;box-sizing:border-box}header .page-nav a{flex:1;padding:7px 9px}}