feat: mobile UI card layout for players and courses (#16)

public/css/shared.css

@@ -708,21 +708,7 @@ a:hover {
     transform: translateY(1px);
 }
 
-@media (max-width: 768px) {
-    .add-bar {
-        flex-direction: column;
-        align-items: stretch;
-    }
-
-    .add-bar-controls {
-        flex-wrap: wrap;
-    }
-
-    .input-wrap {
-        flex: 1;
-        width: auto;
-    }
-}
+/* add-bar responsive handled by mobile.css (≤880px hides it entirely) */
 
 /* ── Inputs ───────────────────────────────────── */
 
@@ -778,26 +764,9 @@ a:hover {
 
 /* ── Responsive ───────────────────────────────── */
 
+/* Responsive table/container tweaks handled by mobile.css (≤880px) */
+
 @media (max-width: 880px) {
-    .container {
-        padding: 18px 16px 40px;
-        gap: 16px;
-    }
-
-    table {
-        font-size: 13px;
-    }
-
-    th, td {
-        padding: 0 10px;
-    }
-
-    .col-rank    { width: 40px; }
-    .col-actions { width: 40px; }
-    .col-predicted { display: none; }
-}
-
-@media (max-width: 768px) {
     .mobile-hide {
         display: none;
     }