🐐

frontend/src/routes/cards/+page.svelte

@@ -30,7 +30,7 @@
 
   let sortAsc = $state(true);
   let costMin = $state(1);
-  let costMax = $state(12);
+  let costMax = $state(11);
 
   let filtered = $derived.by(() => {
     let result = allCards.filter(c =>
@@ -236,14 +236,14 @@
         <div class="filter-group">
           <div class="filter-group-header">
             <span class="filter-group-label">Cost</span>
-            <button class="select-all" onclick={() => { costMin = 1; costMax = 12; }}>Reset</button>
+            <button class="select-all" onclick={() => { costMin = 1; costMax = 11; }}>Reset</button>
           </div>
           <div class="cost-range">
             <span class="range-label">Min: {costMin}</span>
-            <input type="range" min="1" max="12" bind:value={costMin}
+            <input type="range" min="1" max="11" bind:value={costMin}
               oninput={() => { if (costMin > costMax) costMax = costMin; }} />
             <span class="range-label">Max: {costMax}</span>
-            <input type="range" min="1" max="12" bind:value={costMax}
+            <input type="range" min="1" max="11" bind:value={costMax}
               oninput={() => { if (costMax < costMin) costMin = costMax; }} />
           </div>
         </div>