diff --git a/static/balatro.html b/static/balatro.html
index 1200144..17660fc 100644
--- a/static/balatro.html
+++ b/static/balatro.html
@@ -64,14 +64,6 @@
     .name{ font-size:12px }
     .effect{ font-size:11px }
   }
-  /* Desktop: bigger tiles, joker art at native 142x190 size */
-  @media (min-width:768px){
-    .grid{ grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:14px }
-    .card{ padding:14px 12px 16px }
-    .card img{ width:142px; height:190px }
-    .name{ font-size:15px }
-    .effect{ font-size:13px }
-  }
   .card{
     display:flex; flex-direction:column; align-items:center; text-align:center;
     background:var(--card); border:1px solid var(--line); border-radius:12px;
@@ -95,6 +87,15 @@
   .rar.Rare{color:var(--rare)} .rar.Legendary{color:var(--legendary)}
   .effect{font-size:11.5px; color:var(--muted); line-height:1.3; display:none; margin-top:2px}
   .card.open .effect{display:block}
+  /* Desktop: bigger tiles, joker art at native 142x190 size.
+     Placed after the base .card rules so it wins the cascade. */
+  @media (min-width:768px){
+    .grid{ grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:14px }
+    .card{ padding:14px 12px 16px }
+    .card img{ width:142px; height:190px }
+    .name{ font-size:15px }
+    .effect{ font-size:13px }
+  }
   .wiki{
     display:none; margin-top:7px; font-size:11px; color:#69e6ff;
     text-decoration:underline; text-underline-offset:2px;