:root{--bg:#0b0f14;--bg2:#111927;--card:#16202f;--border:#24344c;--text:#e8eef6;--muted:#9db1c7;--accent:#ffb020;--accent2:#38c6f4;--fire:#ff6b4a;--water:#3e9bff;--grass:#51cf66;--electric:#ffd43b;--ice:#7ee8fa;--ground:#d9a066;--dark:#b197fc;--dragon:#ff8787;--neutral:#ced4da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25}.site-header{background:var(--bg2);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.header-inner,.container{max-width:1080px;margin:0 auto;padding:0 16px}.header-inner{flex-wrap:wrap;align-items:center;gap:24px;padding-top:12px;padding-bottom:12px;display:flex}.logo{color:var(--text);font-size:1.15rem;font-weight:800}.logo span{color:var(--accent)}.main-nav{flex-wrap:wrap;gap:18px;display:flex}.main-nav a{color:var(--muted);font-weight:600}.main-nav a:hover{color:var(--text)}.container{padding-top:28px;padding-bottom:48px}.lede{color:var(--muted);max-width:720px;font-size:1.08rem}.muted{color:var(--muted)}.card,.calculator{background:var(--card);border:1px solid var(--border);border-radius:14px;margin:20px 0;padding:20px}.calc-grid{grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;display:grid}.calc-plus{color:var(--accent);text-align:center;padding-top:38px;font-size:1.6rem;font-weight:800}.calc-result{background:var(--bg2);border:1px dashed var(--border);border-radius:12px;grid-column:1/-1;padding:16px 18px}.result-name{color:var(--accent);margin:0;font-size:1.5rem;font-weight:800}.result-meta,.result-kind{color:var(--muted);margin:4px 0}.result-placeholder{color:var(--muted);margin:0}.picker{min-width:0;position:relative}.picker-label{margin-bottom:6px;font-weight:700;display:block}.picker-box{position:relative}.picker-box input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}.picker-list{background:var(--bg2);border:1px solid var(--border);z-index:30;border-radius:10px;max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.picker-list button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:.95rem;display:flex}.picker-list button:hover{background:var(--card)}.picker-meta{color:var(--muted);white-space:nowrap;font-size:.8rem}.picker-selected{color:var(--muted);margin:6px 0 0;font-size:.9rem}.reverse-box{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.reverse-box .picker{max-width:420px}.reverse-result{margin-top:12px}.pal-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:20px 0;display:grid}.pal-card{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.pal-card:hover{border-color:var(--accent2);text-decoration:none}.pal-card .pal-name{font-size:1.05rem;font-weight:700}.pal-card img{object-fit:contain;width:64px;height:64px}.pal-meta{color:var(--muted);font-size:.88rem}table.pairs{border-collapse:collapse;width:100%;font-size:.95rem}table.pairs th,table.pairs td{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px}table.pairs th{color:var(--muted)}.chip{border:1px solid var(--border);color:var(--text);border-radius:999px;margin-right:6px;padding:1px 10px;font-size:.8rem;font-weight:700;display:inline-block}.chip-fire{color:var(--fire)}.chip-water{color:var(--water)}.chip-grass{color:var(--grass)}.chip-electric{color:var(--electric)}.chip-ice{color:var(--ice)}.chip-ground{color:var(--ground)}.chip-dark{color:var(--dark)}.chip-dragon{color:var(--dragon)}.chip-neutral{color:var(--neutral)}.facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0;display:grid}.fact{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.fact .fact-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.fact .fact-value{font-size:1.05rem;font-weight:700}.toolbar{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.toolbar input,.toolbar select{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px;font-size:1rem}.toolbar input{flex:240px}.element-links{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.element-links a{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:4px 14px;font-weight:600}.faq-item{border-bottom:1px solid var(--border);padding:12px 0}.faq-item h3{margin:0 0 6px;font-size:1.02rem}.faq-item p{color:var(--muted);margin:0}.breadcrumb{color:var(--muted);margin-bottom:8px;font-size:.9rem}.site-footer{border-top:1px solid var(--border);background:var(--bg2);color:var(--muted)}.footer-inner{max-width:1080px;margin:0 auto;padding:24px 16px 36px;font-size:.9rem}.footer-inner nav{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}@media (max-width:640px){.calc-grid{grid-template-columns:1fr}.calc-plus{padding-top:0}}.pal-icon{object-fit:contain;vertical-align:middle}.pal-icon-fallback{background:var(--bg2);border:1px solid var(--border);color:var(--accent);vertical-align:middle;border-radius:10px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.picker-option{align-items:center;gap:8px;display:inline-flex}.picker select,.calc-grid select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}.pair-pal{align-items:center;gap:6px;display:inline-flex}.owned-toggle{align-items:center;gap:6px;font-weight:600;display:inline-flex}.owned-box{border:1px dashed var(--border);border-radius:12px;margin:12px 0;padding:12px 16px}.owned-chips{flex-wrap:wrap;gap:8px;display:flex}.owned-chip{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:999px;padding:3px 12px;font-size:.9rem}.toolbar button,.cta-button{border:1px solid var(--accent);background:var(--accent);color:#14100a;cursor:pointer;border-radius:10px;padding:10px 18px;font-size:1rem;font-weight:700}.toolbar button:disabled,.cta-button:disabled{opacity:.45;cursor:not-allowed}table.pairs th button{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:700}.rec-list{padding-left:20px}.rec-item{margin:14px 0}.chart-scroll{overflow-x:auto}table.chart td,table.chart th{white-space:nowrap;font-size:.85rem}table.type-chart td{text-align:center}table.type-chart td.type-strong{color:var(--grass);font-weight:800}.guide-body h2,.guide-body h3{margin-top:28px}.guide-body table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.95rem}.guide-body th,.guide-body td{border-bottom:1px solid var(--border);text-align:left;padding:7px 9px}.assumptions{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}