Add mobile layout: full-width list with bottom sheet card detail

src/components/CardRow/CardRow.jsx

@@ -19,9 +19,9 @@ function typeBadge(type) {
 
 const PRINTING_COLS = '80px 1fr 150px 100px';
 
-function CardRow({ card }) {
+function CardRow({ card, isMobile }) {
   const { expandedCardId, setExpandedCardId, ownedAmounts } = useContext(CardContext);
-  const isExpanded = expandedCardId === card.id;
+  const isExpanded = !isMobile && expandedCardId === card.id;
 
   const totalOwned = card.printings?.reduce((sum, p) => {
     const key = `${p.set_id}-${p.rarity_id}`;

src/components/FilterBar/FilterBar.jsx

@@ -9,7 +9,7 @@ const CHIPS = [
 
 function FilterBar({ typeFilter, setTypeFilter, ownedOnly, setOwnedOnly, sortBy, setSortBy }) {
   return (
-    <div style={{ display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'wrap', margin: '8px 0' }}>
+    <div style={{ display: 'flex', gap: '8px', alignItems: 'center', margin: '8px 0', overflowX: 'auto', whiteSpace: 'nowrap', scrollbarWidth: 'none' }}>
       <div style={{ display: 'flex', gap: '4px' }}>
         {CHIPS.map(({ label, activeClass }) => (
           <button