.filter-modal__header{flex-shrink:0;grid-template-columns:40px 1fr 40px;align-items:center;padding:16px 20px 12px;display:grid}.filter-modal__title{color:var(--fg);text-align:center;grid-column:2;margin:0;font-size:1.125rem;font-weight:600}.filter-modal__close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;grid-column:3;justify-content:center;justify-self:end;align-items:center;padding:4px;transition:color .15s;display:flex}.filter-modal__close:hover{color:var(--fg)}.filter-modal__body{-webkit-overflow-scrolling:touch;flex:1;padding:0 20px 20px;overflow-y:auto}.filter-modal__section{margin-bottom:20px}.filter-modal__section:last-child{margin-bottom:0}.filter-modal__section-title{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:.8125rem;font-weight:600}.filter-modal__toggle{background:color-mix(in srgb,var(--fg)6%,transparent);border:1.5px solid color-mix(in srgb,var(--fg)12%,transparent);border-radius:10px;align-items:center;display:flex;overflow:hidden}.filter-modal__toggle button{min-height:44px;color:var(--fg);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.filter-modal__toggle button:hover{background:color-mix(in srgb,var(--fg)8%,transparent)}.filter-modal__toggle--active{background:var(--accent,#0078b1)!important;color:#fff!important}.filter-modal__toggle--locked{color:color-mix(in srgb,var(--fg)84%,transparent)}.filter-modal__toggle-lock{color:color-mix(in srgb,var(--accent)74%,var(--fg)26%);flex-shrink:0}.filter-modal__chips{flex-wrap:wrap;gap:8px;display:flex}.filter-modal__chip{background:color-mix(in srgb,var(--fg)6%,transparent);border:1.5px solid color-mix(in srgb,var(--fg)12%,transparent);min-height:44px;color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:#0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.filter-modal__chip:not(.filter-modal__chip--active):hover{background:color-mix(in srgb,var(--fg)10%,transparent)}.filter-modal__chip--active{background:var(--accent,#0078b1);border-color:var(--accent,#0078b1);color:#fff}.filter-modal__chip--color-red.filter-modal__chip--active{color:#fff;background:#ff001c;border-color:#ff001c}.filter-modal__chip--color-green.filter-modal__chip--active{color:#fff;background:#006649;border-color:#006649}.filter-modal__chip--color-blue.filter-modal__chip--active{color:#fff;background:#0078b1;border-color:#0078b1}.filter-modal__chip--color-purple.filter-modal__chip--active{color:#fff;background:#39247b;border-color:#39247b}.filter-modal__chip--color-black.filter-modal__chip--active{background:color-mix(in srgb,var(--fg)35%,transparent);border-color:color-mix(in srgb,var(--fg)50%,transparent);color:#fff}.filter-modal__chip--color-yellow.filter-modal__chip--active{color:#1e1e22;background:#d8c500;border-color:#d8c500}.filter-modal__effect-keywords{flex-wrap:wrap;gap:8px;display:flex}.filter-modal__effect-keyword{isolation:isolate;color:#fff;cursor:pointer;opacity:.5;-webkit-tap-highlight-color:#0000;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;min-height:32px;padding:3px 8px;font-family:inherit;font-size:.8125rem;font-weight:700;line-height:1.3;transition:opacity .15s;display:inline-flex;position:relative}.filter-modal__effect-keyword:hover{opacity:.75}.filter-modal__effect-keyword--active{opacity:1}.filter-modal__effect-keyword--when-attacking{border:1.5px solid color-mix(in srgb,var(--fg)70%,transparent);background:#1a6fb5}.filter-modal__effect-keyword--once-per-turn{border:1.5px solid color-mix(in srgb,var(--fg)70%,transparent);background:#b5294a;border-radius:20px;padding:3px 10px}.filter-modal__effect-keyword--trigger{color:#000;background:#e8b813;border:1.5px solid #fff;border-radius:2px;padding:3px 10px;transform:skew(-8deg)}.filter-modal__effect-keyword--counter{background:#c62828;border:0;gap:2px}.filter-modal__effect-keyword--rush{padding:4px 16px}.filter-modal__effect-keyword--rush:before,.filter-modal__effect-keyword--rush:after{content:"";clip-path:polygon(8% 0%,92% 0%,100% 50%,92% 100%,8% 100%,0% 50%);z-index:-1;position:absolute}.filter-modal__effect-keyword--rush:before{background:color-mix(in srgb,var(--fg)70%,transparent);inset:0}.filter-modal__effect-keyword--rush:after{background:#c26a1a;inset:1.5px}.filter-modal__effect-keyword-icon{color:#facc15;flex-shrink:0}.filter-modal__range-slider{padding-top:4px;position:relative}.filter-modal__range-track{background:color-mix(in srgb,var(--fg)10%,transparent);border-radius:2px;height:4px;position:relative}.filter-modal__range-fill{background:var(--accent,#0078b1);border-radius:2px;height:100%;position:absolute;top:0}.filter-modal__range-inputs{height:0;position:relative;top:-4px}.filter-modal__range-inputs input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;height:4px;margin:0;position:absolute}.filter-modal__range-inputs input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;border:2px solid var(--accent,#0078b1);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0000004d}.filter-modal__range-inputs input[type=range]::-moz-range-thumb{pointer-events:all;border:2px solid var(--accent,#0078b1);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0000004d}.filter-modal__range-labels{color:var(--fg);justify-content:space-between;margin-top:10px;font-size:.75rem;font-weight:500;display:flex}.filter-modal__sort-options{flex-direction:column;gap:6px;display:flex}.filter-modal__sort-option{background:color-mix(in srgb,var(--fg)6%,transparent);border:1.5px solid color-mix(in srgb,var(--fg)12%,transparent);width:100%;min-height:44px;color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.filter-modal__sort-option:not(.filter-modal__sort-option--active):hover{background:color-mix(in srgb,var(--fg)10%,transparent)}.filter-modal__sort-option--active{background:var(--accent,#0078b1);border-color:var(--accent,#0078b1);color:#fff}.filter-modal__sort-option--active .filter-modal__sort-option-desc{color:color-mix(in srgb,var(--fg)70%,transparent)}.filter-modal__sort-option-text{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.filter-modal__sort-option-label{font-weight:600}.filter-modal__sort-option-desc{color:var(--fg-muted);font-size:.75rem}.filter-modal__footer{border-top:1px solid color-mix(in srgb,var(--fg)8%,transparent);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.filter-modal__clear{border:1.5px solid color-mix(in srgb,var(--fg)15%,transparent);min-height:48px;color:var(--fg-muted);cursor:pointer;background:0 0;border-radius:10px;padding:12px 20px;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background .15s,color .15s}.filter-modal__clear:hover{background:color-mix(in srgb,var(--fg)6%,transparent);color:var(--fg)}.filter-modal__apply{background:var(--accent,#0078b1);min-height:48px;color:var(--accent-fg,#fff);cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px 20px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:opacity .15s}.filter-modal__apply:hover{opacity:.9}.filter-modal__apply--sort{background:var(--fg);color:var(--bg)}