fix: solve custom CSS issues

Author: Bulletdev

app/assets/tailwind/application.css

@@ -83,20 +83,20 @@
 /* ============================================================
    RETRO DESIGN SYSTEM — portado do prostaff-analytics-hub/RetroPanel
    ============================================================ */
-@layer components {
+/* ── Tokens de cor Retro — fora de qualquer layer para garantir disponibilidade global ── */
+:root {
+  --retro-gold:       #C89B3C;
+  --retro-gold-dim:   rgba(200,155,60,0.5);
+  --retro-gold-faint: rgba(200,155,60,0.12);
+  --retro-blue:       #0C223F;
+  --retro-blue-dark:  #0A1929;
+  --retro-bg:         rgba(10,14,26,0.92);
+  --retro-card:       rgba(15,24,35,0.92);
+  --retro-teal:       #0596AA;
+  --retro-font:       Verdana, Geneva, Tahoma, sans-serif;
+}
 
-  /* ── Tokens de cor Retro ── */
-  :root {
-    --retro-gold:       #C89B3C;
-    --retro-gold-dim:   rgba(200,155,60,0.5);
-    --retro-gold-faint: rgba(200,155,60,0.12);
-    --retro-blue:       #0C223F;
-    --retro-blue-dark:  #0A1929;
-    --retro-bg:         rgba(10,14,26,0.92);
-    --retro-card:       rgba(15,24,35,0.92);
-    --retro-teal:       #0596AA;
-    --retro-font:       Verdana, Geneva, Tahoma, sans-serif;
-  }
+@layer components {
 
   /* ── Padrões de fundo Retro ── */
   .retro-scanline {

app/controllers/cup_controller.rb

@@ -27,6 +27,9 @@ def draft
     set_meta_tags(title: "Picks & Bans — Kings Lendas Cup")
     @champion_stats = db_champions.sort_by { |c| -(c["Picks"].to_i + c["Bans"].to_i) }
     @teams = TEAMS_DATA.keys.first(6)
+    @champ_teams = db_players
+      .group_by { |p| p["Champion"] }
+      .transform_values { |records| records.map { |r| r["Team"] }.uniq.join(",") }
   end
 
   def champions

app/views/cup/draft.html.erb

@@ -78,7 +78,7 @@
               <% total_games = @champion_stats.map { |c| c["Games"].to_i }.max.to_f %>
               <% presence = total_games > 0 ? ((picks + bans).to_f / (total_games + 1) * 100).clamp(0, 100).round : 0 %>
               <% win_pct = picks > 0 ? (wins.to_f / picks * 100).round : 0 %>
-              <tr class="retro-table-row" style="border-bottom:1px solid rgba(200,155,60,0.08)" data-champion-row="<%= champ['Champion'] %>">
+              <tr class="retro-table-row" style="border-bottom:1px solid rgba(200,155,60,0.08)" data-champion-row="<%= champ['Champion'] %>" data-teams="<%= @champ_teams[champ['Champion']] || '' %>">
                 <td style="padding:10px 12px 10px 0">
                   <div style="display:flex;align-items:center;gap:10px">
                     <%= champion_icon(champ["Champion"], size: 36) %>