/* Submenus de juegos de mesa */
.screen-table-menu {
  background: radial-gradient(ellipse at 40% 30%, #2a1040 0%, #0e0618 75%);
  gap: 24px;
}

.screen-table-menu .submenu-title {
  color: #f0f0ff;
  text-shadow: 0 0 28px rgba(200,160,255,0.3), 2px 2px 0 #3a006a;
  letter-spacing: 6px;
}

.screen-table-menu .submenu-desc { color: #9080b0; }
.screen-table-menu .btn-back { border-color: rgba(200,160,255,0.25); color: #b090d0; }
.screen-table-menu .btn-back:hover { color: #e0d0ff; }
.screen-table-menu .submenu-rules-link { color: #b090d0; }
.screen-table-menu .submenu-rules-link:hover { color: #e0d0ff; border-color: rgba(200,160,255,0.35); }

#screen-reversi-menu {
  background: radial-gradient(ellipse at 40% 30%, #28180a 0%, #0f0804 75%);
}

#screen-reversi-menu .submenu-title {
  color: #e8c361;
  text-shadow: 0 0 24px rgba(230,180,60,0.25), 1px 1px 0 #3a2000;
  letter-spacing: 6px;
}

#screen-reversi-menu .submenu-desc { color: #9a7a40; }
#screen-reversi-menu .btn-back { border-color: rgba(200,150,60,0.3); color: #c8a050; }
#screen-reversi-menu .btn-back:hover { color: #e8c361; }
#screen-reversi-menu .submenu-rules-link { color: #c8a050; }
#screen-reversi-menu .submenu-rules-link:hover { color: #e8c361; border-color: rgba(200,150,60,0.35); }

#screen-damas-menu {
  background: radial-gradient(ellipse at 40% 30%, #2a1a0a 0%, #120905 75%);
}

#screen-damas-menu .submenu-title {
  color: #e0c090;
  text-shadow: 0 0 24px rgba(184,125,70,0.3), 1px 1px 0 #3a1800;
  letter-spacing: 6px;
}

#screen-damas-menu .submenu-desc { color: #9a7a50; }
#screen-damas-menu .btn-back { border-color: rgba(184,125,70,0.35); color: #b87d46; }
#screen-damas-menu .btn-back:hover { color: #e0c090; }
#screen-damas-menu .submenu-rules-link { color: #b87d46; }
#screen-damas-menu .submenu-rules-link:hover { color: #e0c090; border-color: rgba(184,125,70,0.35); }

.table-btn-red {
  background: linear-gradient(135deg, #c41230, #7a0018);
  color: #ffe0e4;
  box-shadow: 0 4px 16px rgba(196,18,48,0.38);
}

.table-btn-blue {
  background: linear-gradient(135deg, #0074b8, #003870);
  color: #e0f0ff;
  box-shadow: 0 4px 16px rgba(0,116,184,0.38);
}

.table-btn-yellow {
  background: linear-gradient(135deg, #c8a000, #7a5e00);
  color: #fff8e0;
  box-shadow: 0 4px 16px rgba(200,160,0,0.38);
}

.table-btn-green {
  background: linear-gradient(135deg, #007a38, #003c1a);
  color: #e0ffe8;
  box-shadow: 0 4px 16px rgba(0,122,56,0.38);
}

.table-btn-red:hover,
.table-btn-blue:hover,
.table-btn-yellow:hover,
.table-btn-green:hover {
  filter: brightness(1.15);
}