.filter-generator-view{flex-direction:column;gap:18px;width:100%;max-width:100%;display:flex}.filter-modes-info-banner{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;width:100%;min-width:0;display:grid}@media (max-width:640px){.filter-modes-info-banner{grid-template-columns:minmax(0,1fr);gap:10px}}.mode-info-card{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);border-radius:16px;flex-direction:column;gap:10px;padding:18px;transition:all .25s;display:flex;box-shadow:0 4px 16px #0003}.mode-info-card.interactive{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.mode-info-card.interactive:hover{border-color:#a855f766;transform:translateY(-2px)}.mode-info-card.active-resistant{background:linear-gradient(145deg,#22c55e1f,#0f172ad9);border:1.5px solid #22c55e;box-shadow:0 4px 20px #22c55e33}.mode-info-card.active-dps{background:linear-gradient(145deg,#a855f71f,#0f172ad9);border:1.5px solid #a855f7;box-shadow:0 4px 20px #a855f733}.mode-info-header{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.mode-title-text{color:var(--text-primary,#fff);flex-grow:1;font-size:.94rem;font-weight:700}.mode-icon.green{color:#4ade80;filter:drop-shadow(0 0 6px #4ade8080)}.mode-icon.purple{color:#c084fc;filter:drop-shadow(0 0 6px #c084fc80)}.mode-status-badge{color:var(--text-muted,#94a3b8);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;padding:3px 10px;font-size:.73rem;font-weight:700;transition:all .2s}.mode-info-card.active-resistant .mode-status-badge{color:#4ade80;background:#22c55e40;border-color:#22c55e}.mode-info-card.active-dps .mode-status-badge{color:#e9d5ff;background:#a855f740;border-color:#a855f7}.mode-info-card p{color:var(--text-muted,#94a3b8);margin:0;font-size:.84rem;line-height:1.45}.filter-generator-card{background-color:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 4px 16px #0003}.filter-group-header{color:var(--text-primary,#fff);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.filter-search-suggestions-row{align-items:center;gap:12px;width:100%;display:flex}.filter-search-suggestions-row .filter-search-input-wrapper{flex:300px;min-width:220px}.filter-search-input-wrapper{width:100%;position:relative}.filter-search-input-wrapper .search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.filter-search-input{background:var(--bg-input,#0f172ab3);border:1px solid var(--border-color,#ffffff1f);width:100%;color:var(--text-primary,#fff);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px 10px 40px;font-family:inherit;font-size:.9rem;transition:all .2s}.filter-search-input:focus{border-color:#a855f7;box-shadow:0 0 14px #a855f740}.filter-autocomplete-bar{background:#0f172a99;border:1px solid #a855f740;border-radius:10px;flex-direction:row;flex:2 340px;align-items:center;gap:10px;min-width:0;padding:6px 12px;display:flex}.autocomplete-label{color:#c084fc;white-space:nowrap;flex-shrink:0;font-size:.78rem;font-weight:600}.autocomplete-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.autocomplete-chip-btn{color:#e9d5ff;cursor:pointer;background:#a855f71f;border:1px solid #a855f74d;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.autocomplete-chip-btn:hover{color:#fff;background:#a855f740;border-color:#a855f7}@media (max-width:768px){.filter-search-suggestions-row{flex-direction:column;align-items:stretch;gap:8px}.filter-search-suggestions-row .filter-search-input-wrapper,.filter-search-suggestions-row .filter-autocomplete-bar{flex:none;width:100%}}.filter-boss-section-header{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;margin-top:6px;font-size:.85rem;font-weight:600;display:flex}.filter-boss-chips-container{flex-wrap:wrap;gap:8px;display:flex}.filter-boss-chip-btn{border:1px solid var(--border-color,#ffffff1a);color:var(--text-muted,#cbd5e1);cursor:pointer;background:#ffffff0d;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.chip-pokemon-sprite{object-fit:contain;filter:drop-shadow(0 2px 4px #0006);width:24px;height:24px}.filter-boss-chip-btn:hover{color:#c084fc;background:#a855f726;border-color:#a855f766}.filter-boss-chip-btn.active{color:#fff;background:linear-gradient(135deg,#a855f74d,#7c3aed4d);border-color:#a855f7;box-shadow:0 0 12px #a855f74d}.filter-tier-section{flex-direction:column;gap:6px;margin-top:4px;display:flex}.filter-tier-header{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.filter-tier-pills-grid{flex-wrap:wrap;gap:6px;display:flex}.filter-tier-pill-btn{border:1px solid var(--border-color,#ffffff1f);color:var(--text-muted,#94a3b8);cursor:pointer;text-align:center;background:#0f172a99;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.filter-tier-pill-btn:hover{color:#c084fc;background:#a855f71f;border-color:#a855f759}.filter-tier-pill-btn.active{color:#fff;background:linear-gradient(135deg,#a855f740,#7c3aed40);border-color:#a855f7;box-shadow:0 0 12px #a855f733}.filter-options-toolbar{background:#0f172a66;border:1px solid #ffffff14;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;padding:6px 10px;display:flex}.filter-toggle-chip{color:var(--text-muted,#94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.filter-toggle-chip:hover{color:#e9d5ff;background:#a855f71f;border-color:#a855f74d}.filter-toggle-chip.active{color:#4ade80;background:#22c55e26;border-color:#22c55e66}.toggle-check-icon{color:#4ade80}.filter-iv-selector-group{align-items:center;gap:3px;margin-left:auto;display:inline-flex}.iv-selector-label{color:var(--text-muted,#94a3b8);margin-right:2px;font-size:.76rem;font-weight:600}.filter-iv-pill{color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:600;transition:all .2s}.filter-iv-pill:hover{color:#e9d5ff;background:#a855f71f}.filter-iv-pill.active{color:#fff;background:#a855f740;border-color:#a855f7}.filter-counters-card,.filter-counters-showcase{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);border-radius:16px;flex-direction:column;gap:12px;padding:18px 20px;display:flex;box-shadow:0 4px 16px #0003}.counters-showcase-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.counters-showcase-title-group{color:var(--text-primary,#fff);align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.counters-active-filter-indicators{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.active-mode-pill{color:var(--text-muted,#94a3b8);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;padding:2px 8px;font-size:.7rem;font-weight:700}.active-mode-pill.budget{color:#4ade80;background:#22c55e26;border-color:#22c55e59}.active-mode-pill.weather{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}.active-mode-pill.universal{color:#c084fc;background:#a855f726;border-color:#a855f759}.active-mode-pill.dual{color:#38bdf8;background:#38bdf826;border-color:#38bdf859}.active-mode-pill.resistant{color:#4ade80;background:#22c55e26;border-color:#22c55e4d}.active-mode-pill.dps{color:#f87171;background:#ef444426;border-color:#ef44444d}.active-mode-pill.iv{color:#facc15;background:#facc1526;border-color:#facc1559}.counters-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.counter-card-mini{background:#161b2cd9;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.counter-card-mini.resistant{background:linear-gradient(135deg,#22c55e14,#0f172acc);border-color:#22c55e66}.counter-card-mini.vulnerable{background:linear-gradient(135deg,#f43f5e0d,#0f172acc);border-color:#f43f5e4d}.counter-card-mini:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.counter-sprite-wrapper{background:#0f172ab3;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.counter-sprite-img{object-fit:contain;width:32px;height:32px}.counter-card-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.counter-poke-name{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.counter-move-badge{color:#c084fc;white-space:nowrap;text-overflow:ellipsis;font-size:.73rem;font-weight:500;overflow:hidden}.counter-card-badges-row{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.counter-def-badge{white-space:nowrap;border-radius:4px;width:fit-content;padding:1px 5px;font-size:.7rem;font-weight:700}.counter-def-badge.resistant{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.counter-def-badge.neutral{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b840}.counter-def-badge.vulnerable{color:#f87171;background:#f43f5e26;border:1px solid #f43f5e40}.counter-def-badge.budget{color:#4ade80;background:#22c55e33;border:1px solid #22c55e59}.counter-def-badge.weather{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b59}.counter-def-badge.gold-hundo{color:#facc15;background:#facc1533;border:1px solid #facc1566}.counter-def-badge.iv-high{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf859}.filter-output-card{background:#161b2cd9;border:1px solid #a855f74d;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 4px 16px #0003,0 0 20px #a855f71a}.filter-output-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-output-title-wrapper{align-items:center;gap:10px;display:flex}.header-pokemon-avatar{object-fit:contain;width:28px;height:28px}.filter-output-title{color:var(--text-primary,#fff);font-size:1rem;font-weight:700}.filter-copy-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.filter-copy-action-btn:hover{filter:brightness(1.1);box-shadow:0 3px 12px #a855f766}.filter-copy-action-btn.copied{background:linear-gradient(135deg,#22c55e,#16a34a)}.filter-code-display-box{border:1px solid var(--border-color,#ffffff1a);cursor:pointer;background:#080b14f2;border-radius:10px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.filter-code-display-box:hover{border-color:#a855f7;box-shadow:0 0 12px #a855f733}.filter-code-display-box code{color:#c084fc;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92rem;line-height:1.5}.filter-mega-card{background:linear-gradient(145deg,#1c142df2,#120f1ecc);border:1px solid #a855f759;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 4px 20px #0000004d,0 0 25px #a855f726}.filter-mega-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-mega-title-group{color:#c084fc;align-items:center;gap:8px;display:flex}.mega-icon-glow{color:#a855f7;filter:drop-shadow(0 0 6px #a855f799)}.filter-mega-title{color:var(--text-primary,#fff);font-size:1.02rem;font-weight:700}.filter-mega-reason{color:var(--text-muted,#94a3b8);margin:0;font-size:.88rem;line-height:1.4}.filter-mega-chips{flex-wrap:wrap;gap:8px;margin:4px 0;display:flex}.filter-mega-chip{color:#e9d5ff;background:#a855f71f;border:1px solid #a855f759;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}body.light-mode .filter-tier-pill-btn{color:#475569;background:#f1f5f9;border-color:#0f172a26}body.light-mode .filter-tier-pill-btn.active{color:#6b21a8;background:#a855f72e;border-color:#a855f7}body.light-mode .filter-options-toolbar{background:#f8fafc;border-color:#0f172a1f}body.light-mode .filter-toggle-chip{color:#475569;background:#fff;border-color:#0f172a26}body.light-mode .filter-toggle-chip.active{color:#15803d;background:#22c55e26;border-color:#16a34a}body.light-mode .filter-iv-pill{color:#475569;background:#fff;border-color:#0f172a26}body.light-mode .filter-iv-pill.active{color:#fff;background:#a855f7}body.light-mode .filter-counters-card{background-color:#fff!important;border-color:#0f172a24!important}body.light-mode .mode-info-card{background-color:#fff!important;border-color:#0f172a24!important;box-shadow:0 4px 16px #0f172a0d!important}body.light-mode .mode-info-card.active-resistant{background:linear-gradient(145deg,#22c55e1f,#fff)!important;border-color:#22c55e!important;box-shadow:0 4px 16px #22c55e26!important}body.light-mode .mode-info-card.active-dps{background:linear-gradient(145deg,#a855f71f,#fff)!important;border-color:#a855f7!important;box-shadow:0 4px 16px #a855f726!important}body.light-mode .mode-title-text{color:#0f172a!important}body.light-mode .mode-status-badge{color:#475569!important;background:#f1f5f9!important;border-color:#0f172a24!important}body.light-mode .filter-generator-card{background-color:#fff!important;border-color:#0f172a24!important;box-shadow:0 4px 16px #0f172a0d!important}body.light-mode .filter-group-header{color:#0f172a!important}body.light-mode .filter-search-input{color:#0f172a!important;background:#fff!important;border-color:#0f172a29!important}body.light-mode .filter-autocomplete-bar{background:#f8fafc!important;border-color:#a855f759!important}body.light-mode .autocomplete-label{color:#7e22ce!important}body.light-mode .autocomplete-chip-btn{color:#6b21a8!important;background:#a855f71a!important;border-color:#a855f74d!important}body.light-mode .autocomplete-chip-btn:hover{color:#fff!important;background:#a855f7!important}body.light-mode .filter-boss-chip-btn{color:#334155!important;background:#f1f5f9!important;border-color:#0f172a24!important}body.light-mode .filter-boss-chip-btn:hover{color:#6b21a8!important;background:#a855f724!important;border-color:#a855f7!important}body.light-mode .filter-boss-chip-btn.active{color:#fff!important;background:linear-gradient(135deg,#a855f7,#7c3aed)!important;border-color:#7c3aed!important}body.light-mode .counter-card-mini{background:#fff!important;border-color:#0f172a1f!important;box-shadow:0 2px 8px #0f172a0a!important}body.light-mode .counter-card-mini.resistant{background:linear-gradient(135deg,#22c55e14,#fff)!important;border-color:#22c55e66!important}body.light-mode .counter-card-mini.vulnerable{background:linear-gradient(135deg,#f43f5e0f,#fff)!important;border-color:#f43f5e4d!important}body.light-mode .counter-sprite-wrapper{background:#f1f5f9!important;border-color:#0f172a1f!important}body.light-mode .counter-poke-name{color:#0f172a!important}body.light-mode .counter-move-badge{color:#7e22ce!important}body.light-mode .filter-output-card{background:#fff!important;border-color:#a855f759!important;box-shadow:0 4px 20px #0f172a0f!important}body.light-mode .filter-output-title{color:#0f172a!important}body.light-mode .filter-code-display-box{background:#f1f5f9!important;border-color:#0f172a24!important}body.light-mode .filter-code-display-box code{color:#6b21a8!important;font-weight:600!important}body.light-mode .filter-mega-card{background:linear-gradient(145deg,#faf5ff,#fff)!important;border-color:#a855f759!important;box-shadow:0 4px 16px #0f172a0d!important}