fix card layout

src/web/styles/card.css

@@ -535,6 +535,7 @@
   display: flex;
   flex-direction: column;
   gap: 32px;
+  width: 100%;
 }
 
 .rse-character-section {
@@ -542,6 +543,7 @@
   flex-direction: column;
   align-items: center;
   gap: 16px;
+  width: 100%;
 }
 
 .rse-character-main {
@@ -557,10 +559,9 @@
 /* RSE card grid (cards below character) */
 .rse-card-grid {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   gap: 20px;
   width: 100%;
-  max-width: 600px;
   padding: 20px;
   background: rgba(128, 128, 128, 0.08);
   border-radius: 12px;
@@ -575,7 +576,7 @@
 }
 
 .rse-card-grid .card-info-text {
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .rse-card-grid .card-key-btn {